js代码放wordpress哪里-WordPress

资源魔 61 0

js代码放wordpress那里?

正在wordpress中,js代码通常状况下会间接放正在header.php或footer.php文件中增加js文件挪用代码。

其实wordpress主题最好援用js文件的办法是应用wordpress内置的wp_enqueue_script()函数,经过该函数能够平安地将javascript代码退出到WordPress创立的页面中,不只能够最年夜限制地保障兼容性,仍是进步wordpress功能效率的一个办法。

函数代码:

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

参数阐明:

$handle – 挪用的剧本称号,用于区分其它js,因而不克不及以及其它js文件定名相反。

$src – js文件的门路(即url),没有要间接应用域名url,要应用门路函数,如parent theme应用get_template_directory_uri,child theme应用get_stylesheet_directory_uri。(WP模板门路相干的函数中,通常带有template的是指parent theme,带有stylesheet的指向child theme)

$deps – 依赖关系,加载的js文件所依存的其它js的标识字串数组(array:string),即需求正在本代码以前加载的代码的称号(如js剧本依赖jquery库,那末这里要用数组的方式写上jquery),非必须。

$ver – 加载js文件的版本号,作为查问字串附加正在门路的末尾,作用是确保正确的版本信息通报给了客户端,以避免遭到缓存的影响(如js剧本发作变动时,经过更改版本号能够强迫客户阅读器更新缓存),默许为false,挪用以后wordpress顺序的版本号,假如没有想显示,则设置为NULL(没有保举)。

$in_footer – boolean类型,设置js文件挪用代码能否搁置正在html底部,设置为ture则放正在底部,设置为false则搁置正在head局部。提醒需求模板正确搁置wp_footer()函数。

应用办法 :

经过wp_enqueue_script函数加载js文件时,应该将它调配给一个钩子,如只正在前台挪用,应用钩子wp_enqueue_script;只正在后盾挪用,应用admin_enqueue_scripts。

示例:

只正在前台挪用

<?php function boke8_theme_scripts() {      wp_enqueue_script( 'boke8', get_template_directory_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'boke8_theme_scripts' ); ?>

只正在后盾挪用

<?php function boke8_theme_scripts() {      wp_enqueue_script( 'boke8', get_template_directory_uri() . '/js/boke8.js', array(), '1.0.0', true ); } add_action( 'admin_enqueue_scripts', 'boke8_theme_scripts' ); ?>

附:函数地位wp-includes/functions.wp-scripts.php文件

更多WordPress技巧文章,请拜访WordPress教程栏目!

以上就是js代码放wordpress那里的具体内容,更多请存眷资源魔其它相干文章!

标签: WordPress wordpress教程 wordpress自学 wordpress技术

抱歉,评论功能暂时关闭!