wordpress 引入外部js文件的2种方法4.6版本

在wordpress网站中,我们通常会引入我们特定的js文件,这里介绍2中引入的方式,一种是直接引入,另一种是通过注册的方式来引入js文件。具体操作如下:

【方式一 直接引入】

加入你要引入的js文件 在你的主题目录下的js目录下已引入的方式这样:将下面这一段代码加入到你的主题的foot.php文件中的</body>之前就行了。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/xxx.js"></script>

【方式二 注册的方式】

这个方法需要修改/wp-content/themes/你的主题名字/inc/主题名字-functions.php,在里面找到,一般方法的名字为主题名_script 在这个方法中有注册js与css的方法。在这个方法中添加如下代码:

wp_enqueue_script( 'idolcorp-bootstrap-script', get_template_directory_uri() . 
'/js/bootstrap.js', array('jquery'), '20120206', false );

其中的参数的含义如下:

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

参数
$handle
(字符串)(必需)脚本名称。小写字符串。

默认值:None

$src

(字符串)(可选)WordPress根目录下的脚本路径

示例:”/wp-includes/js/scriptaculous/scriptaculous.js”。该参数只在WordPress不了解脚本情况时使用。

默认值:None

$deps

(数组)(可选)脚本所依靠的句柄组成的数组;加载该脚本前需要加载的其它脚本。若没有依赖关系,返回false。该参数只在WordPress不了解脚本情况时使用。

默认值:array()

$ver

(字符串)(可选)指明脚本版本号的字符串(若存在版本号)。默认为false。该参数可确保即使在启用缓存的状态下,发送给客户端的仍然是正确版本,因此如果版本号可用且对脚本有意义,包含该版本号。

默认值:false

$in_footer

(布尔型)(可选)通常情况下脚本会被放置在<head>区块中。如果该函数为true,脚本则会出现在<body>区块的最下方。要求主题在适当的位置中包含有wp_footer()钩子。(WordPress新功能)

默认值:false

通过上面2种方式可以引入外部js或者css文件,但是显然第二种方式比较好。推荐使用第二种。

One thought on “wordpress 引入外部js文件的2种方法4.6版本

发表评论

电子邮件地址不会被公开。 必填项已用*标注