将jQuery添加到Underscores(_s)WordPress主题的最佳方法是什么？

这似乎是基本的事情, 但是我不确定如何将jQuery(使用CDN)添加到Underscores WordPress入门主题中。我做了一些搜索, 但没有真正找到任何东西, 所以我希望这里有人可以为我提供答案？

先感谢你！

#1

最好的方法是在Underscores创建的主题functions.php文件中使用Wordpress函数wp_enqueue_script()。

查找函数<THEME_NAME> _scripts(从Underscores网站生成时, 其中<THEME_NAME>是你的主题名称), 并在<THEME_NAME> _scripts函数下的以下代码之前(在任何其他wp_enqueue_script之前)

// deregister default jQuery included with WordPress
wp_deregister_script( 'jquery' );

$jquery_cdn = 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js';
wp_enqueue_script( 'jquery', $jquery_cdn, array(), '3.4.1', true );

#2

Underscores不会占用依赖jQuery的任何JavaScript。因此, 在使用wp_enqueue_script将javascript文件放入队列时, 默认安装不会将默认的jquery设置为依赖项, 而不会在WordPress中加载默认的jquery。

将引导程序加载到下划线并从WordPress加载jquery的示例是

wp_enqueue_script(‘bootstrap’, get_template_directory_uri()。’/ assets / javascripts / bootstrap.min.js’, array(‘jquery’), ‘v3’, true);

你可以对WordPress中注册的CDN中的jquery文件执行相同的操作

#3

你可以在header.php或footer.php中使用此代码段：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这使用了Google托管的jQuery。

注意：WordPress随WordPress一起提供, 因此, 如果你使用Underscores作为WordPress主题, 则jQuery将已经入队。

参考：https://developers.google.com/speed/libraries/devguide#jquery