記事一覧

カスタム背景を使用する

 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

header.php / footer.php を作成する

前の記事 「index.php を作成する – [2]」 で、 メイ...

記事を読む

eyecatch_template

single.php を作成する – [2]

今回は 個別投稿記事を表示する single.php 作成の続きです。 前回作成...

記事を読む

eyecatch_template

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

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

記事を読む

カレンダー

2020年2月
« 7月    
 1
2345678
9101112131415
16171819202122
23242526272829
PAGE TOP ↑