2024年1月25日 Recordamu

WordPressでjQueryを利用する際の書き方と注意点

WordPressでjQueryを利用する際の書き方と注意点

jQueryを使う際の注意点

$を使用しない

WordPressでは$の代わりにjQueryを使います。

jQuery(function() {
    jQuery('selector').action();
});

スクリプトの読み込み順序

jQueryライブラリの後にスクリプトを読み込みます。

<?php
function my_scripts() {
    wp_enqueue_script('main-js', get_template_directory_uri() . '/js/main.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'my_scripts');

重複読み込みを避ける

標準のjQueryを読み込まないようにします。

<?php
function my_script_init(){
    wp_deregister_script('jquery');
    wp_enqueue_script('jquery_cdn', '//code.jquery.com/jquery-3.5.1.min.js');
}
add_action('wp_enqueue_scripts', 'my_script_init');

まとめ

WordPressでjQueryを使用する際は、$の代わりにjQueryを使い、スクリプトの読み込み順序を守り、重複読み込みを避けることが重要です。

,
Contact

contact

We welcome you to contact us for more information about any of our services.

お気軽にお問い合わせください。

Create a web

We can provide a wide range of services from web direction / design / coding / WP integration / numerical analysis. Please feel free to contact us for an initial consultation.

Webディレクション/デザイン/コーディング/WP構築/数値解析まで、幅広く対応いたします。お気軽にご相談ください。

Japan information

We can help you do business for Japan.
Japan has its own rules and regulations, and the Japanese are sensitive to them.
We can help you with content (translation, sales, etc.) that takes into account communication that will work in Japan.

日本向けのビジネスのお手伝いをします。日本で通用するコミュニケーションを考慮した施策(翻訳や営業など)をご提供します。

Use our services

If you would like to use this service, please contact us. We also looking for people to collaborate and extend our services. Please feel free to contact us.

サービスの利用に関して、弊社までご連絡ください。また、コラボレーションしてサービスを拡張してくださる方も募集しています。

Contact