当サイトのようにWordPress（ワードプレス）で作成したサイトでJavaScriptやjQueryなどの実行例などの紹介をしていると、特定の固定ページや投稿ページでのみcssやJavaScriptなどのjsファイルを読み込ませたい場合があります。

通常作成したcssやjsファイルを読み込ませるには「header.php」などへ記載しているケースが多いと思いますが、単純に追加しただけだと全てのページ表示で必ず読み込むことになりサイト全体のパフォーマンスにも影響が出てしまいます。

そういった影響を避けるために特定のページでのみcssやjsファイルを読み込ませる方法をご紹介します。

特定の固定ページでのみ読み込む方法

<?php if(is_page('※スラッグ名を指定')): ?>
    ※読み込みたいcssやjsファイルを指定
<?php endif; ?>

特定の投稿ページでのみ読み込む方法

<?php if(is_single('※スラッグ名を指定')): ?>
    ※読み込みたいcssやjsファイルを指定
<?php endif; ?>

トップページでのみ読み込む方法

<?php if(is_front_page()): ?>
    ※読み込みたいcssやjsファイルを指定
<?php endif; ?>