添加JS脚本WordPress主题开发函数wp_enqueue_script()

想要安全的将JS脚本添加到WordPress生成的页面当中,需要使用使用wp_enqueue_script()函数,可以减少问题的出现,从而提高WordPress效率,今天VPSCHE小车博客就分享一下添加JS脚本WordPress主题开发函数wp_enqueue_script()。

添加JS脚本WordPress主题开发函数wp_enqueue_script()

语法:

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

参数:

$handle:(必需)脚本名称。小写字符串。默认值:None

$src:(可选)WordPress网站根目录下的JS路径。如:”/wp-includes/js/xxx.js”。默认值:None

$deps:(可选)依赖关系数组;加载该脚本前需要加载的其它脚本。默认值:array()

$ver:(可选)指明脚本版本号的字符串(若存在版本号)。默认为false。

$in_footer:(可选)默认值:false,放置在区块中。为true时,会出现在区最下方,但必须有wp_footer()钩子。

示例1、加载scriptaculous脚本

function my_init_method() {

wp_enqueue_script(‘scriptaculous’);

}

add_action(‘init’, my_init_method);

示例2、根据scriptaculous加载脚本

添加并加载一个依赖于scriptaculous的脚本(这将使scriptaculous也被加载入页面):

wp_enqueue_script(

‘newscript’,

WP_PLUGIN_URL . ‘/someplugin/js/newscript.js’,

array(‘scriptaculous’),

‘1.0’

);

示例3、只在插件页面加载脚本

add_action(‘admin_menu’, ‘my_plugin_admin_menu’);

function my_plugin_admin_init(){

wp_register_script(‘myPluginScript’, WP_PLUGIN_URL . ‘/myPlugin/script.js’);

}

function my_plugin_admin_menu(){

$page = add_submenu_page( ‘edit.php’,

__(‘My Plugin’, ‘myPlugin’),

__(‘My Plugin’, ‘myPlugin’), 9, __FILE__,

‘my_plugin_manage_menu’);

add_action(‘admin_print_scripts-‘ . $page, ‘my_plugin_admin_styles’);

}

function my_plugin_admin_styles(){

wp_enqueue_script(‘myPluginScript’);

}

function my_plugin_manage_menu(){ }

注:

如果使用wp_head勾子来添加动作,wp_enqueue_script函数将失效,因为在wp_head运行前,<script>标签就已经输出了。可以使用的动作勾子: init(初始化)、template_redirect (公共页面)、admin_print_scripts (管理页面)。

小车博客下载必看

给TA打赏
共{{data.count}}人
人已打赏
WP教程

使用wp_title()标题WordPress函数调用不同的文章页面显示不同的文章标题

2020-8-24 10:26:49

WP教程

WordPress 5.5+内置的图片延迟加载功能如何禁用?

2020-8-25 9:49:02




重要声明

本站资源来自会员发布以及互联网收集,不代表本站立场,如有侵犯你的权益请联系管理员-车车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索