どうも、ケイジです!
賢威7でサイドバー部分に枠と若干の影を付けるカスタマイズ方法を説明します。枠と影を付けるカスタマイズはサイドバーにだけやってしまうとかなり不自然になりますので、このカスタマイズを実行する場合はコンテンツ部分にも同じカスタマイズをしましょう。

コンテンツに枠や影を付けるならサイドバーにも付ける

賢威7でサイドバー部分に枠と影を付ける方法メイン

サイトの見た目上、コンテンツ部分に枠と影を付けるのであればサイドバーにも付けるべきだと僕は思っています。その方がバランスが取れるしどちらかだけ付いているというのは非常に不自然だからです。あえて選ぶならサイドバーだけに枠と影を付けるというよりはコンテンツだけの方がいいかと思いますが、やるとすればどちらにもこのカスタマイズを施すべきですね。

では、早速賢威7でサイドバーに枠や影を付けるカスタマイズ方法を説明していきたいと思います。

 

 

賢威7で枠と影をコンテンツ部分に付ける変更方法

ダッシュボード→外観→テーマ編集→base.css

賢威7でコンテンツ部分に枠をつける方法1

枠および影をつけるソース

.widget-conts,.post {
border: solid 1.5px #A9A9A9;
box-shadow: 6px 6px 12px rgba(0,0,0,0.4);
padding: 0.5em;
margin-bottom: 1.0em;
border-radius: 5px;
}

上記画像の赤枠部分に上記のソースを全コピーして貼り付けてください。上記画像の箇所はダッシュボード→外観→テーマ編集→base.css内の一番下となります。コンテンツ部分に枠を付けるソースを既に挿入済みの場合はそのすぐ下で大丈夫です。コンテンツ部分同様、影をもっと濃くしたり、枠をもっと太くしたい場合は上記ソースの数字を変更することでできますので、必要に応じて微調整してみてください。

 

 

グローバルメニューの色カスタマイズ前と後の変化

賢威7-デフォルト時

賢威7でサイドバー部分に枠と影を付ける前

 

枠と影をサイドバー部分に付けた後

賢威7でサイドバーに枠と影を付けたカスタマイズ後

サイドバーもコンテンツ部分同様、枠線と影があったほうが引き締まる印象を持つのではないでしょうか?サイドバーは最近どんな記事が投稿されているか、コンテンツはどのようなカテゴリがあるのかなど注目される箇所であります。1つのコンテンツを見てもらった後は他の記事も見てもらえるように存在感は出しておきたいですね。

 

サイドバーに枠と影を付けて、まだコンテンツに付けていないのであれば下記リンクを参考にコンテンツ部分にも枠と影は付けるようにしましょう。

賢威7でコンテンツ部分に枠と影を付けるカスタマイズ方法

 

 

まとめ

賢威7でサイドバー部分に枠と影を付けるカスタマイズ方法は以上となります。やはり、コンテンツ部分に枠と影を付けるのであればサイドバー部分にも付けた方が見た目が自然でいいですね。サイドバーもすごく重要な役割を持っていますので、その記事だけで終わりではなく、他の記事も見てもらうには常に存在感は出していくようにこういう小さな工夫が必要だと改めて実感します。参考しにしてください。

 

賢威7カスタマイズ一覧まとめ記事へ