如何在我的WordPress插件中包含CSS和jQuery？

Question

如何在我的WordPress插件中包含CSS和jQuery？

Answer 1

对于样式 wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );

然后使用：wp_enqueue_style('namespace');无论您要加载CSS的位置。

脚本如上所述，但是更快的加载jquery的方法就是使用init加载的init加载要加载的页面： wp_enqueue_script('jquery');

当然，除非您想将Google存储库用于jquery。

您还可以有条件地加载脚本所依赖的jquery库：

wp_enqueue_script('namespaceformyscript', 'http://locationofscript.com/myscript.js', array('jquery'));

2017年9月更新

我刚才写了这个答案。我应该澄清，使脚本和样式排入队列的最佳位置是在wp_enqueue_scripts挂钩内。因此，例如：

add_action('wp_enqueue_scripts', 'callback_for_setting_up_scripts');
function callback_for_setting_up_scripts() {
    wp_register_style( 'namespace', 'http://locationofcss.com/mycss.css' );
    wp_enqueue_style( 'namespace' );
    wp_enqueue_script( 'namespaceformyscript', 'http://locationofscript.com/myscript.js', array( 'jquery' ) );
}

该wp_enqueue_scripts操作将为“前端”做好准备。您可以将admin_enqueue_scripts操作用于后端（在wp-
admin中的任何位置），并将login_enqueue_scripts操作用于登录页面。