WordPress初心者講座・Q&A:サイドバーの背景を変更する方法
*このブログではWordPress・HTML・CSS超初心者の方でもカスタマイズ出来るように、
他の人には聞けないようなスーパー基礎の基礎や、ちょっとしたTipsをお伝えしていきます。
こんなご質問をいただきました。
「Marylou」のサイドバーは背景色が黒になってます。
でもまあ白もいいですよね。もちろん黄色も。赤もいいかも。
な〜んて感じで色を変えたいという要望ですね。
普通の背景は管理画面から簡単に変更できるんですけど、
サイドバーはCSSをいじれば簡単に変更できますよ。
以下、やり方です。
サイドバーの背景を変更する方法(作業時間20秒)
ダッシュボード>外観>テーマエディター(テーマの編集)>スタイルシート
例のごとく、スタイルシートを開きます。
この辺いじくるときはバックアップをお忘れなく!
/* ************************************************
* サイドバー
* ************************************************ */
#sidebar {
float: right;
width: 265px;
margin:45px 0px 40px 0px;
padding: 5px 0px 0px 0px;
background:#222;
}
サイドバーって分かりやすく書いてあるところがあるので、
その辺をちょいっと触ります。
見つけましたね〜。
これって前にも書いた気がしますけど、バックグラウンドなんで背景ってことですわね。
#222が黒です。正確にはちょいとした黒ですな。
この数字を白にしたいなら#FFFにすればOK。
逆に、色がついてない他のテーマも、
background:#222;
を追加すれば、好きな背景色が付けられますね。
カラーチャートはネットで検索すると色々出てくるので、
参考にしてみてください。
それにしても、「WP初心者講座」っていうのと「Q&A」ってのと、
分けて書いてたんだけど、どっちも同じ感じで区別が自分でもつかなくなって来たので、
今後は全部「WP初心者Q&A」ってことでいいですかね。