当サイトのようにWordPress（ワードプレス）で作成したサイトでJavaScriptやjQueryなどの実行例などの紹介をしていると、特定の固定ページや投稿ページでのみcssやJavaScriptなどのjsファイルを読み込ませたい場合があります。
通常作成したcssやjsファイルを読み込ませるには「header.php」などへ記載しているケースが多いと思いますが、単純に追加しただけだと全てのページ表示で必ず読み込むことになりサイト全体のパフォーマンスにも影響が出てしまいます。
そういった影響を避けるために特定のページでのみcssやjsファイルを読み込ませる方法をご紹介します。
特定の固定ページでのみ読み込む方法
|
1 2 3 |
<?php if(is_page('※スラッグ名を指定')): ?> ※読み込みたいcssやjsファイルを指定 <?php endif; ?> |
特定の投稿ページでのみ読み込む方法
|
1 2 3 |
<?php if(is_single('※スラッグ名を指定')): ?> ※読み込みたいcssやjsファイルを指定 <?php endif; ?> |
トップページでのみ読み込む方法
|
1 2 3 |
<?php if(is_front_page()): ?> ※読み込みたいcssやjsファイルを指定 <?php endif; ?> |