サイドバーの背景色をテーマカラーに合わせる

今回配布する新特典カスタムテンプレートでは、サイドバーの背景色がデフォルトではほぼ白色になっています。

 

シリウスカスタムテンプレートサイドバー色

 

 

この仕様では、サイドバーもコンテンツ同様に視界に入りやすくなります。

 

よりコンテンツに集中しやすくしたいという人のために、サイドバーの色をテーマカラーに合わせる方法をご提案します。

 

 

シリウスカスタムテンプレートサイドバー色変更

 

サイドバーの背景は、以下の画像が使用されています。
右カラム【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

 

とファイル名を変更します。

 

すると、テーマカラーのサイドバー背景色が適用されます。

 

 

シリウスサイドバーテーマカラー色へ変更

 

コンテンツ部分の背景だけが白くなることにより、よりコンテンツ部目立つようになります。
サイドバーは全体のテーマカラーに隠れてしまうことにはなります。

 

微々たる効果だと思いますが、こんな方法もあるということで付録として付けております。

 

適宜利用いただければ幸いです。

 

管理人マナ

【管理人マナからの告知】
今ならほとんどの商品で新作テンプレが使える!申込期限は2017年10月31日中迄!
シリウス特典カスタムテンプレートB広告

新作はお陰様で大好評頂いております!期間限定でキュート版配布中! SIRIUS特典テンプレートfinegrandバナー

関連ページ一覧

シリウスSeriesA見出し表示の設定方法 | シリウスSeriesA説明書

今回リリースする特典新テンプレートでは、基本的にH2とH3のデザインを分けています。(ブルーは同じデザイン)そしてそれぞれの見出しに、吹き出しと影を加える機能を搭載しました。使用しなくても何ら問題はありませんが、サイトのデザインにアクセント...

続きを読む

シリウスサイドバーの背景色を変更する方法 | カスタム新テンプレート説明書

今回配布する新特典カスタムテンプレートでは、サイドバーの背景色がデフォルトではほぼ白色になっています。この仕様では、サイドバーもコンテンツ同様に視界に入りやすくなります。よりコンテンツに集中しやすくしたいという人のために、サイドバーの色をテ...

続きを読む

Monputiテンプレート設定方法

シリウススペシャルカスタムテンプレート「Monputi」の設定方法を解説します。Monputiは見出しのバリエーションが豊富です。クラス設定をすることで、簡単に呼び出せるようにしています。テンプレートフォルダを開くと、「monputi_sh...

続きを読む

Monputiのサイドメニューボタン高さを変える方法 | シリウステンプレートM...

Monputiテンプレートのサイドバーボタン高さは広めに作られています。ですが、サイトの都合によっては狭くしたいこともあるかと思います。ちょっとカスタマイズすると、このように各ボタンを狭く出来ます。この方法をご紹介します。CSSをちょっとカ...

続きを読む

Monputiを1カラムにしたときのh3幅調整 | シリウステンプレートMonp...

シリウスは2カラムや3カラムテンプレートを使用していても、希望するページのみを1カラムにすることができます。いわゆる「キラーページ」用です。記事の個別設定 > 上級者向け設定で「このページのみ1カラムにする」を選ぶだけです。しかしこのままだ...

続きを読む


SIRIUSの機能解説 限定特典ご案内 限定特典付き購入方法 カスタマイズ&小技 アフィリエイトログ