在WordPress主题中添加新的JavaScript代码,可以通过以下步骤完成:
打开你的WordPress主题目录。一般情况下,主题目录位于/wp-content/themes/
下,其中包含当前使用的主题文件夹。
在主题文件夹中,找到名为functions.php
的文件,并用文本编辑器打开。
在functions.php
文件中,可以添加自定义的JavaScript代码。
示例代码:
function custom_scripts() {
wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );
在上述示例代码中,我们使用了wp_enqueue_script()
函数来添加JavaScript文件,并指定了文件路径(/js/custom.js
)。你可以根据实际需求修改文件路径和文件名。
保存并关闭functions.php
文件。
在上述示例代码中,还使用了add_action()
函数将custom_scripts
函数与wp_enqueue_scripts
动作挂钩,这将确保在网站的前台加载时,自定义的JavaScript文件也会被加载。
请确保文件路径和文件名正确,并且在js
文件夹下创建了相应的JavaScript文件(例如:custom.js
)。
以上就是在WordPress主题中添加新的JavaScript代码的步骤和示例代码。