Background)とは、サイトの背景色や背景画像をダッシュボードから自由に変更できるようにする仕組みです。サイト運営者≠テンプレート編集者の場合に便利な機能です。カスタム背景を設置するカスタム背景を動作させることができるように、テーマをカスタマイズします。デフォルト背景画像を用意するデフォルトの背景画像を用意します。画像ファイル(wall-pic.png)を、テーマフォルダにアップロードします。ここでは、下記フォルダに入れました。/{theme-folder}/img/wall-pic.png補足:デフォルトの背景画像は、不要なら用意しなくてもOK。functions.phpを編集するカスタム背景の機能を有効にし、背景色や画像のデフォルト値を指定します。);前回記事(カスタムヘッダーを設置する)と同じように、add_theme_support関数を使って、カスタム背景の機能をONにします。);カスタム背景の動作を決める方法も、カスタムヘッダーと同様の方法になります。第2引数に、各オプション値を指定した連想配列を渡します。今回は、下記2点を指定します。背景色のデフォルト値RGB16進数で指定します。シャープ(#)は不要です。デフォルトの背景画像へのファイルパス先ほど、テーマフォルダ内に用意した画像へのファイルパスを指定します。ファイルパスは、テーマフォルダのURLをget_blog関数で取得して、テーマフォルダから画像ファイルへの相対パスを繋げて指定します。'/img/wall-pic.png'header.phpを編集するWordPressのヘッダー情報を出力するようにします。?>>・・・カスタム背景を反映させるために、wp_head()関数と、body_class()関数を挿入しました。wp_head()関数HTMLのヘッダー部(<head>〜</head>)に挿入するコードを出力するための、WordPress関数です。metaタグや、linkタグ、styleタグなどを出力します。カスタム背景の機能がONになっている場合、背景のスタイル情報を自動的に出力してくれます。fixed;}</style>body.custom-backgroundを指定して出力されます。表示ページについてclass属性を出力するWordPress関数で、通常bodyタグに挿入して使います。blog">というclass属性が出力されます。custom-background">となり、先ほどのstyleタグ出力に合わせたclass属性を自動的に出力してくれます。動作を確認するダッシュボードを開き、外観>背景メニューを選択します。画像を削除して、背景色を指定する「背景画像を削除」を押し、「変更を保存」を押します。プレビューが変わりました。サイト実行すると、プレビューの通りの背景で表示されます。背景画像を変更する「ファイルを選択」ボタンを押して、画像ファイルを選択、「アップロード」ボタンを押します。背景画像が置き換わりました。ソースコードを確認すると、背景画像へのパスが変更されています。まとめ複数の関数がお互いに関連して動くカスタム背景の関数&ファイルの役割分担は、次の図のようになります。add_theme_support()関数で、カスタム背景がONになると、body_class()で出力されるclass属性に、”custom-background”が追加されます。同時に、ダッシュボードに「背景」メニューが表示されるようになり、そのメニューでの設定内容が、wp_head()関数の出力に反映されるようになります。2012年5月Authorプログラマー:TaeWordPressのサイト制作を始めて2年になりました。WordPressテーマの作り。