首页 问答 正文

如何在wordpress主题中添加自定义脚本?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 56 次

要在 WordPress 主题中添加自定义脚本,可以按照以下步骤进行操作:

  1. 打开 functions.php 文件,可以使用 FTP 或主题编辑器打开。

  2. 在 functions.php 文件末尾添加以下代码:

function custom_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' ); 

这段代码通过调用 wp_enqueue_script() 函数来加载自定义脚本。其中 'my-script' 是脚本的名称,get_template_directory_uri() . '/js/my-script.js' 是脚本的路径,array() 是脚本所依赖的其他脚本,'1.0' 是脚本的版本号,true 表示将脚本放在页面底部以加快页面加载速度。

  1. 将自定义脚本文件放置在主题文件夹中的 js 文件夹里,记得将文件名与路径与函数中的一致。

示例代码:

function custom_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array('jquery'), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' ); 

这里将自定义脚本依赖于 jQuery,因此传入数组参数 array('jquery')。

注:如果需要在管理员界面中加载脚本,需要使用 admin_enqueue_scripts()。如果需要加载 CSS 文件,可以使用 wp_enqueue_style() 函数。

大家谈论
    我的见解