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');
ソースの解説
is_page('contact')
で「お問い合わせ」ページかどうかを確認します。- 該当ページでのみ、
contact.js
が読み込まれます。 wp_enqueue_scripts
フックで、スクリプトをテーマに適用します。
難易度
条件分岐関数に慣れていれば簡単ですが、複雑なサイトではスクリプト管理が難しくなることがあります。
ポイント
is_page()
のほか、is_single()
やis_archive()
などの条件分岐も使用可能です。- 必要なページでのみスクリプトを読み込むことで、パフォーマンスを向上させます。
Q&A
まとめ
この方法を使えば、特定のページでのみ必要なスクリプトを読み込み、サイト全体のパフォーマンスを最適化できます。
コメント