• MENU ●●●●
  • シリウス特定ページ制限 スタイル割り込み機能指定でカスタマイズ


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    スポンサー広告

    当該サイトコンテンツ関連記事

    特定ページでのみ制限 スタイル割り込み機能指定でカスタマイズ

    シリウスサイト内でコンテンツによりますが、特定ののページだけは特定の
    スタイルにできないものかと思われる方もおられるでしょうね

     

    そんな願いは、エントリーページでのみの制限となりますが、
    スタイルの割り込み機能を使えば対処は可能となります

     

    通常のサイトデザインはスタイルシートでの指定が全体に反映される
    わけですが、シリウス機能に備えのスタイルの割り込みで指定すると
    当該ページだけ、その指定が優先されるという事.....

     

    逆に当サイトのようなカスタマイズてんこ盛りの場合ページの、読み込みが
    サーバーに負担をかけている実情で速度にやや問題がございますが

     

    なんら通常の負担のない構成のページであれば 該当ページのみの
    変更は容易に行えるので

     


     

    どのようにスタイル割り込み機能を使うのかを簡単にご案内します

     

    エントリーページ個別設定画面を開きます

     

    つぎに上部メニューから

     

    上級者向け設定を選択します

     

    上の項目 スタイル割り込みの記載画面が確認できますね

     

    解り易い例

     

    通常のサイトは文字色が#333333で指定されてますが
    赤指定に変えてみる にする場合の指定方法

     

    #FF0A0A

     

    まずスタイルシートを開きます

     

    一番上の項目指定ですが
    color: #333333;が文字色指定です

     

    /* 基本スタイル */

     

    body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #333333;
    font-size: 0.9em;
    line-height: 140%;
    background-color: #FFFFFF;
    background-image: url(img/top_bg.jpg);
    background-repeat: repeat-x;
    <% backgroundImage %>
    <% backgroundDisplay %>
    <% backgroundColor %>
    <% bodyFontSize %>
    }

     

     

    上記記述をコピペして改行のため記事挿入画面に張り付けてみてください

     

     

    文字色を変更しました

     

    /* 基本スタイル */
    指定を読み込ませるためにはここから~ここまでが必要です

     

    ここから
    body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #FF0A0A;
    font-size: 0.9em;
    line-height: 140%;
    background-color: #FFFFFF;
    background-image: url(img/top_bg.jpg);
    background-repeat: repeat-x;
    <% backgroundImage %>
    <% backgroundDisplay %>
    <% backgroundColor %>
    <% bodyFontSize %>
    }

     

    ここまで

     

    改行コードを再度コピペして

     

    スタイル割り込み記載画面に張り付け保存します

     

    当サイトでは
    文字色だけ赤にして、その他はデフォルトのままなので
    このようになってしまいました

     

     

    当サイトは基本は黒ですが、参照画像での
    background-color: #FFFFFF記述は、背景を白にしてみました

     

    各所を変える場合は、その指定している記述をすべてコピーして
    改行し、スタイル割り込み内に張り付ければ良いのですね

     

    通常の白サイトであっても特定ページではオール画像背景の構成も
    できるということです

     

    背景色変更例は以下巻末のメニューで参照ください

     


    大がかりな変更

     

    サイト全体で大がかりな変更をする際は、スタイル割り込みではなく
    スタイルシートからCSS改行、もしくは書き足しを行いますが、
    ミステイクに不安もございましょうね

     

    そんなときの例なのですが...

     

    シリウス管理画面で新規サイトを作成して、そのスタイルシートで
    反映を確認後、コードを当該サイトで利用するという方法がございます

     

    スポンサーリンク

     

     

    シリウス特定ページ制限 スタイル割り込み機能指定でカスタマイズ記事一覧

    スタイルの割り込みを実行|背景色の変更

    当ページはシリウスデフォルトのエントリーページですが、シリウス機能スタイルの割り込みでスタイル変更を指定してます。当サイトは背景をオール画像で記事背景の箇所を画像編集で記事背景が黒であるかのようにしておりますが スタイル指定で背景をホワイト指定にしましたらこんな風になりました...とは、いっておりま...

    ≫続きを読む

     

     

     

    シリウス特定ページ制限 スタイル割り込み機能指定でカスタマイズ
    シリウスカスタマイズトップ

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト