📜  在 wordpress 中包含脚本 (1)

📅  最后修改于: 2023-12-03 14:51:13.886000             🧑  作者: Mango

在 WordPress 中包含脚本

在 WordPress 中,我们可以通过包含脚本来实现一些功能,例如添加特定的样式或功能。下面将介绍如何在 WordPress 中包含脚本。

1. 在 WordPress 标准主题中包含脚本

WordPress 标准主题自带了一个 functions.php 文件,我们可以在这个文件中包含脚本。

1.1. 包含 CSS 样式
function add_stylesheet() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}

add_action( 'wp_enqueue_scripts', 'add_stylesheet' );

这个函数的作用是包含样式表,其中 style-name 是自定义的样式表名称,可以根据自己的需要进行修改。而 get_stylesheet_uri() 则返回当前主题的样式表 URL。

1.2. 包含 JavaScript 脚本
function add_script() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/script.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'add_script' );

这个函数的作用是包含 JavaScript 脚本,其中 script-name 是自定义的脚本名称,可以根据自己的需要进行修改。而 get_template_directory_uri() 则返回当前主题的目录 URL。而 array() 表示当前脚本依赖的其他脚本的名称列表,这里为空,即无依赖。而 1.0.0 则表示当前脚本的版本号,可以根据自己的需要进行修改。最后一个参数 true 则表示该脚本应该放在页面底部,以提高页面加载速度。

2. 在 WordPress 插件中包含脚本

如果我们需要在 WordPress 插件中包含脚本,则需要在插件目录下创建一个 js 目录,将脚本放在其中。然后,我们可以在插件主文件中使用如下代码进行加载。

function add_script() {
    wp_enqueue_script( 'script-name', plugins_url( '/js/script.js', __FILE__ ), array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'add_script' );

这个函数与标准主题中的函数类似,只是获取脚本的 URL 不同。其中 plugins_url() 是 WordPress 提供的函数,用于获取插件目录的 URL。__FILE__ 则是当前主文件的常量,表示当前文件的完整路径。

以上就是在 WordPress 中包含脚本的介绍。对于在 WordPress 中编写插件或主题的程序员来说,这个功能非常重要,因为它可以让我们更方便地管理和加载样式和脚本。