特定ページでのみ制限 スタイル割り込み機能指定でカスタマイズ
シリウスサイト内でコンテンツによりますが、特定ののページだけは特定の
スタイルにできないものかと思われる方もおられるでしょうね
そんな願いは、エントリーページでのみの制限となりますが、
スタイルの割り込み機能を使えば対処は可能となります
通常のサイトデザインはスタイルシートでの指定が全体に反映される
わけですが、シリウス機能に備えのスタイルの割り込みで指定すると
当該ページだけ、その指定が優先されるという事.....
逆に当サイトのようなカスタマイズてんこ盛りの場合ページの、読み込みが
サーバーに負担をかけている実情で速度にやや問題がございますが
なんら通常の負担のない構成のページであれば 該当ページのみの
変更は容易に行えるので
どのようにスタイル割り込み機能を使うのかを簡単にご案内します
エントリーページ個別設定画面を開きます
つぎに上部メニューから
上級者向け設定を選択します
上の項目 スタイル割り込みの記載画面が確認できますね
解り易い例
通常のサイトは文字色が#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改行、もしくは書き足しを行いますが、
ミステイクに不安もございましょうね
そんなときの例なのですが...
シリウス管理画面で新規サイトを作成して、そのスタイルシートで
反映を確認後、コードを当該サイトで利用するという方法がございます
スポンサーリンク
当ページはシリウスデフォルトのエントリーページですが、シリウス機能スタイルの割り込みでスタイル変更を指定してます。当サイトは背景をオール画像で記事背景の箇所を画像編集で記事背景が黒であるかのようにしておりますが スタイル指定で背景をホワイト指定にしましたらこんな風になりました...とは、いっておりますが..(今は不通状態)申し訳ございませんが、記事掲載以降、いつの間にか当エントリーページでは背景の...