サイドバーの背景色をテーマカラーに合わせる
今回配布する新特典カスタムテンプレートでは、サイドバーの背景色がデフォルトではほぼ白色になっています。
この仕様では、サイドバーもコンテンツ同様に視界に入りやすくなります。
よりコンテンツに集中しやすくしたいという人のために、サイドバーの色をテーマカラーに合わせる方法をご提案します。
サイドバーの背景は、以下の画像が使用されています。
右カラム【contents_bg_right.jpg】
左カラム【contents_bg_left.jpg】
今回のカスタム新テンプレートには、画像フォルダの中に
右カラム【contents_bg_right(M).jpg】
左カラム【contents_bg_left(M).jpg】
というテーマカラー背景色画像も同梱しています。
デフォルトの画像を適当なファイル名に変更したあと、
右カラムであれば
変更前 contents_bg_right(M).jpg
変更後 contents_bg_right.jpg
とファイル名を変更します。
すると、テーマカラーのサイドバー背景色が適用されます。
コンテンツ部分の背景だけが白くなることにより、よりコンテンツ部目立つようになります。
サイドバーは全体のテーマカラーに隠れてしまうことにはなります。
微々たる効果だと思いますが、こんな方法もあるということで付録として付けております。
適宜利用いただければ幸いです。
管理人マナ
関連ページ一覧
シリウスSeriesA見出し表示の設定方法 | シリウスSeriesA説明書
今回リリースする特典新テンプレートでは、基本的にH2とH3のデザインを分けています。(ブルーは同じデザイン)そしてそれぞれの見出しに、吹き出しと影を加える機能を搭載しました。使用しなくても何ら問題はありませんが、サイトのデザインにアクセント...
シリウスサイドバーの背景色を変更する方法 | カスタム新テンプレート説明書
今回配布する新特典カスタムテンプレートでは、サイドバーの背景色がデフォルトではほぼ白色になっています。この仕様では、サイドバーもコンテンツ同様に視界に入りやすくなります。よりコンテンツに集中しやすくしたいという人のために、サイドバーの色をテ...
Monputiテンプレート設定方法
シリウススペシャルカスタムテンプレート「Monputi」の設定方法を解説します。Monputiは見出しのバリエーションが豊富です。クラス設定をすることで、簡単に呼び出せるようにしています。テンプレートフォルダを開くと、「monputi_sh...
Monputiのサイドメニューボタン高さを変える方法 | シリウステンプレートM...
Monputiテンプレートのサイドバーボタン高さは広めに作られています。ですが、サイトの都合によっては狭くしたいこともあるかと思います。ちょっとカスタマイズすると、このように各ボタンを狭く出来ます。この方法をご紹介します。CSSをちょっとカ...
Monputiを1カラムにしたときのh3幅調整 | シリウステンプレートMonp...
シリウスは2カラムや3カラムテンプレートを使用していても、希望するページのみを1カラムにすることができます。いわゆる「キラーページ」用です。記事の個別設定 > 上級者向け設定で「このページのみ1カラムにする」を選ぶだけです。しかしこのままだ...