このページでは、Vaster2のサイドバー全体のカスタマイズ方法を説明する。

このカスタマイズを始める前に「テンプレートのバックアップ」は お約束として必ず実行しよう。

・Vaster2のカスタマイズ方法はこちら

サイドバー全体のカスタマイズ

サイドバー

サイドバー全体のCSS

上記が Vaster2のサイドバー全体のCSSに説明を加えたもの。

基本的には「.sidebar {」で検索して中身を書き変えれば、好みに合わせて変更できる。

文字サイズを設定する

【方法】

・「.sidebar {」で検索
・「.sidebar {}」の中に「font-size:数値;」を書き加える

備考：スタイルシートリファレンス（font-size）

背景色を設定する

【方法】

・「.sidebar {」で検索
・「.sidebar {}」の中に「background-color:色;」を書き加える

備考：カラーコード

枠線をつける

【方法】

・「.sidebar {」で検索
・「.sidebar {}」の中に「border:値;」を書き加える

備考：スタイルシートリファレンス（border）

枠線と影をつける

【方法】

・「.sidebar {」で検索
・上記の方法で枠線をつけるコードを書き加える
・「.sidebar {}」の中に「box-shadow:値;」を書き加える

備考：スタイルシートリファレンス（box-shadow）