WordPressテーマ THE THOR（ザ・トール）
別ブログのZMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。
今回は、WordPressテーマ THE THOR（ザ・トール）での「背景（バックグラウンド）」のカスタマイズについてまとめてみました。
WordPressテーマ THE THOR（ザ・トール） 背景（バックグラウンド）
現在、WordPressテーマ THE THOR（ザ・トール）の設定で「背景（バックグラウンド）」は、次の様になっています。
ZMASAa.netの「背景（バックグラウンド）」は、サイトカラーに合わせた薄いピンクカラー（単色）を採用しています。
画像を使って「背景（バックグラウンド）」の設定もできるのですが、その場合どうしても画像を読み込むためサイトスピードが低下してしまいます。
最近「背景（バックグラウンド）」にもう一工夫欲しいと感じていたので、簡単にできる「背景（バックグラウンド）」のカスタマイズを行ってみました。
なお、前回のエントリー記事「【Cocoon】背景（バックグラウンド）のカスタマイズ」と同様の方法となります。
背景（バックグラウンド）のカスタマイズ
「背景（バックグラウンド）」のカスタマイズを行います。
カスタマイズ内容
「背景（バックグラウンド）」カスタマイズは、下記の通りです。
「スタイルシート(style-user.css)」を開き、今回のカスタマイズ内容を追記します。
/************************************
** ■背景模様、背景カラー設定
************************************/
body {
background: -webkit-repeating-linear-gradient(45deg, #fff2f9, #fff2f9 6px,#fff9fc 6px, #fff9fc 12px)!important; /*背景模様、背景カラー*/
background: repeating-linear-gradient(45deg, #fff2f9, #fff2f9 6px,#fff9fc 6px, #fff9fc 12px)!important; /*背景模様、背景カラー*/
}
カスタマイズ後の背景（バックグラウンド）
今回の「背景（バックグラウンド）」のカスタマイズによって、「背景（バックグラウンド）」は次の様になりました。
見出しのデザインと真似たデザインを背景に採用してみました。
最後に
前回のエントリー記事「【Cocoon】背景（バックグラウンド）のカスタマイズ」と同じなのですが、若干デザインは変更してみました。
以前の薄いピンクカラーの単色と比べると若干華やかさが出たと思います。
この方法だとCSSの記述だけで変更することができるので、デザインに飽きたらまた気軽に変更できるのが良いでしょう。
コメント