特定のテンプレートのみにCSSを追加する

例えば「トップページのみにCSSやJavaScriptを追加したい」というような、特定のテンプレートのみにCSSを追加したい場合は下記のいずれかで設定できます。

ヘッダーファイル(header.php)内で設定する

header.php内に設定する場合は下記のようにします。

どのページにアクセスされているかを判別するには「条件分岐タグ」と呼ばれる関数を使用します( is_front_page() など)。条件分岐タグの詳細は下記を参考にしてください。

functions.php 内で設定する

functions.php内に設定を記載する場合は下記のようにします。

テンプレートのファイル内で設定する

home.php や front-page.php などのファイル内に直接設定を記載する場合は下記のようにします。この場合は条件分岐タグなどを使用しなくても大丈夫です。

get_header() の前に 設定を追加します。後に設定すると設定が反映されません。

補足

  • 子テーマを利用している場合は get_template_directory_uri() の代わりに get_stylesheet_directory_uri() にしてください。

コメント

内容の誤りなどがありましたら下記からご連絡をお願いします。頂いたコメントは基本的に公開されることはありません(必要な場合は個別に返信させて頂きます)。

CAPTCHA