記事一覧

カスタム背景を使用する

 posted by suzu
テンプレート作成のススメ

前の記事までのシリーズ
カスタムヘッダーを表示する – [1]
カスタムヘッダーを表示する – [2]
カスタムヘッダーを表示する – [3]
カスタムヘッダーを表示する – [4]
の四部作で、WordPress の管理画面で変更することができる
カスタムヘッダーを利用できるようになりました。
今回は、同様に、WordPress の管理画面で変更することができる
カスタム背景を追加してみます。

function.php に以下のコードを追記します。

//--- カスタム背景追加
add_theme_support('custom-background');

これだけです (笑)
実は、これにはからくりがあります。
index.php を作成する – [1]
での作業で、body_class を使用して、body タグに
WordPress で吐き出される class 属性を与えています。
これにより、add_theme_support(‘custom-background’)
カスタム背景をサポートさせるだけで、
body の class 属性と (WordPress 本体で勝手に) 連動してコントロールしてくれて、
管理画面から背景色の変更や背景画像の指定ができるようになるわけです。

簡単でしたね。
カスタムヘッダーを利用できるようにしたら、セットでカスタム背景も
利用できるようにした方がイイですよね。
では、また次回。

関連記事

eyecatch_template

作成するテンプレートを整理する

今回から、実際にテーマに必要なテンプレートの作成の準備に入ります。 先の記事 「...

記事を読む

eyecatch_template

HTMLをデザインする [カラム]

先の記事 「カラムレイアウトを考える」 でも少し触れましたが、 WordPres...

記事を読む

eyecatch_template

HTMLをデザインする [カラム装飾]

今回は、先の記事 「HTMLをデザインする [カラム]」 で カラムレイアウトを...

記事を読む

カレンダー

2019年4月
« 7月    
 123456
78910111213
14151617181920
21222324252627
282930  
PAGE TOP ↑