TwetyEleven サイドバー/ウェジェットエリアの背景に色をつける

ワードプレステーマTwentyElevenのサイドバー/ウェジェットエリアの背景に色をつける方法です。当サイトも採用しています(笑

記事コンテンツ内(サマリー)もそうですが、あまり奇抜な色は避けた方が良いでしょう。薄い淡い色をつけるくらいが丁度良いんじゃないでしょうか?(個人的な意見ですww)

コチラも、非常に簡単に変更出来ますので、初心者の方でも安心です!!それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開いて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

’スタイルシート’の中から、次の部分を探して下さい。

/* =Widgets
----------------------------------------------- */

.widget-area {  /* ココです!! */
	font-size: 12px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 2.2em;
}

この部分に追加/変更するだけです。ちなみにココの’font-sizr’の数値を変更すると、ウェジェットエリア内の文字の大きさが変わります。では、試しに以下の様に編集してみて下さい。

/* =Widgets
----------------------------------------------- */

.widget-area {  /* ココです!! */
	background: #faf9f9;
	font-size: 13px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 2.2em;
}

これで、ウェジェットエリアの背景に色がついたハズです。カラーコードはお好みの色に変更して下さいね☆

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

 

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です