最佳做法如下:
将Javascript代码放入文件中,yourcustomjs.js
, 并将其存储在主题文件夹中。我会推荐yourtheme/js/yourcustomjs.js
.
确保在需要时将脚本包装到文档中。就绪功能如下:
jQuery(document).ready(function($) {
// your code
});
这使您能够确保
$
快捷方式正在工作。
之后,您需要注册脚本并将其排队。通常,你在functions.php
, 但我总是建议创建一个文件yourtheme/library/scripts.php
, 包括在functions.php
. 这允许您在一个地方处理所有Javascript文件,周围没有其他内容。
在您的scripts.php
您必须在WordPress中注册Javascript。
wp_register_script (
\'yourscripthandle\', //string $handle: a string to identify this script
get_bloginfo( \'template_url\' ) . \'/js/yourcustomjs.js\', //string $src: Path of your script file
array (\'jquery\' ), // array $deps = array(): defining which scripts your script is dependend on. In your case, it\'s jQuery.
\'\', // string|bool $ver = false: The version of your Script
true //bool $in_footer = false: whether your script should be enqueued in `wp_head()` or `wp_footer()`
);
现在WordPress知道了您的脚本,您需要告诉WordPress输出它,这是通过
wp_enqueue_script()
:
wp_enqueue_script( \'yourscripthandle\' );
给你!如果正确执行了这些步骤,则应将脚本加载到页脚中。
顺便说一句:与注册和排队脚本类似,您应该对wp_register_style()
和wp_enqueue_style()