カスタム背景機能を利用する

通常であればホームページの背景はcssでbody要素にて指定することと思います。
しかし、WordPressではHTMLやCSSに不慣れでもダッシュボードのテーマ設定でメニューから背景の画像や色を自由に指定することができます。
CMSならではの便利な機能です。

このカスタム背景の自作テーマなどでの使用方法を解説します。

INDEX

カスタム背景機能使うためにテーマのfunctions.phpに以下を追加します。

&lt;?php
// カスタム背景を有効化  
add_theme_support( &#039;custom-background&#039; );
?&gt;

カスタム背景で指定された値はcustom-backgroundというクラスに出力されます。
このクラスはbodyに以下のテンプレートタグを使うことで自動的に付与されます。

&lt;body &lt;?php body_class(); ?&gt;&gt;

ちなみにbody_classでは表示するページの種類などによってbodyに自動的にクラスを自動挿入してくれます。例えば、トップページにはhomeというクラスがつきますので、cssでトップページだけに対して個別の背景を指定することもできます。

また、任意のクラス名を出力させることもできます。

以前のバージョンではbody_classはサポートされていませんでしたので、古いWordPressテーマでカスタム背景が使用できない場合はbodyタグをチェックしてみるとよいと思います。

執筆:R3098

WEBサービス構築・監修が生業です。WordPress 関連では Aurora Heatmap などのプラグイン開発も行っています。サイト運営者の力になりたいと考えます。

コメントを残す

最近の投稿