13

WordPress 用のプラグインの開発を始めたばかりで、プラグイン管理インターフェイスで JQuery を使用したいと考えていました。

JQuery を適切にインクルードして呼び出すにはどうすればよいですか?

たとえば、通常の HTML ページでは、JQuery ライブラリをインクルードしてから、次のスクリプトを呼び出します。

$(document).ready(function(){
    alert('Hello World!');
});

WordPress プラグイン PHP ファイルでこれを行うにはどうすればよいですか?

4

2 に答える 2

26

まず、Wordpress では競合のないラッパーを常に使用する必要があるため、コードは次のようになります。

jQuery(document).ready(function($){
    alert('Hello World!');
});

次に、JavaScript を外部ファイルに配置することをお勧めします。Wordpress プラグインには、次のようなものを含めます。

wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));

wp_enqueue_script( 'my_plugin_script' );

これにはスクリプトが含まれ、jQuery を依存関係としてセットアップするため、Wordpress は jQuery がまだロードされていない場合は自動的にロードし、1 回だけロードされ、プラグイン スクリプトの前にロードされるようにします。

また、管理ページでのみスクリプトが必要な場合は、Wordpress の add_action ハンドラーを使用して条件付きで読み込むことができます。

add_action( 'admin_menu', 'my_admin_plugin' );

function my_admin_plugin() {
    wp_register_script( 'my_plugin_script', plugins_url('/my_plugin.js', __FILE__), array('jquery'));
    wp_enqueue_script( 'my_plugin_script' );

    // do admin stuff here
}
于 2013-05-29T21:04:17.357 に答える