MENU

特定ページのみでのスクリプト登録

wp_register_script()を使い、特定のページでのみスクリプトを読み込みます。これにより、不要なスクリプトの読み込みを抑え、パフォーマンスを最適化します。

目次

解説

条件分岐を使い、特定のページでのみスクリプトを読み込みます。不要なスクリプトを読み込まないことで、ユーザー体験の向上と表示速度の改善が期待できます。

function enqueue_script_for_contact_page() {
    if (is_page('contact')) {  // 「お問い合わせ」ページでのみ読み込む
        wp_register_script('contact-script', get_template_directory_uri() . '/js/contact.js', [], '1.0.0', true);
        wp_enqueue_script('contact-script');
    }
}
add_action('wp_enqueue_scripts', 'enqueue_script_for_contact_page');

ソースの解説

  1. is_page('contact')で「お問い合わせ」ページかどうかを確認します。
  2. 該当ページでのみ、contact.jsが読み込まれます。
  3. wp_enqueue_scriptsフックで、スクリプトをテーマに適用します。

難易度

条件分岐関数に慣れていれば簡単ですが、複雑なサイトではスクリプト管理が難しくなることがあります。

ポイント

  • is_page()のほか、is_single()is_archive()などの条件分岐も使用可能です。
  • 必要なページでのみスクリプトを読み込むことで、パフォーマンスを向上させます。

Q&A

スクリプトが特定のページで読み込まれないのはなぜですか?

is_page()の引数が間違っている可能性があります。スラッグやIDが正しいか確認しましょう。

投稿タイプごとにスクリプトを分けたい場合は?

is_singular('カスタム投稿タイプ')を使えば、特定の投稿タイプにのみスクリプトを適用できます。

まとめ

この方法を使えば、特定のページでのみ必要なスクリプトを読み込み、サイト全体のパフォーマンスを最適化できます。

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

WordPress Love! 休日はほぼWordPress仲間と一緒に勉強会や写真を撮りに行っています。現在育児中のため、オフが多いです(>△<<<)

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次