📅  最后修改于: 2023-12-03 14:51:13.886000             🧑  作者: Mango
在 WordPress 中,我们可以通过包含脚本来实现一些功能,例如添加特定的样式或功能。下面将介绍如何在 WordPress 中包含脚本。
WordPress 标准主题自带了一个 functions.php 文件,我们可以在这个文件中包含脚本。
function add_stylesheet() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'add_stylesheet' );
这个函数的作用是包含样式表,其中 style-name
是自定义的样式表名称,可以根据自己的需要进行修改。而 get_stylesheet_uri()
则返回当前主题的样式表 URL。
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
则表示该脚本应该放在页面底部,以提高页面加载速度。
如果我们需要在 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 中编写插件或主题的程序员来说,这个功能非常重要,因为它可以让我们更方便地管理和加载样式和脚本。