wordpress加载css和js的方法,wordpress主题开发如何添加css js

一直想利用wordpress搞个大型网站,上午发了一个文章说PPT模板网站可以是很不错的建站类型,很赚钱。我觉得用wp应该是非常好的选择。

不过wordpress主题开发的门槛还是挺高的,如果你不是优秀的PHP程序源,会走很多弯路。比如制作wordpress主题时如何正确添加自己的CSS样式和JS代码。

在wordpress使用中cssjs的引入是最常见的,不同的主题作者用的方法也不一样,然后我们一般情况下都是放到header.php或footer.php里,用绝对路径引用,然后今天给大家说的是比较高逼格的引入方式,直接写地fun函数内,通过php调用出来。

一、wordpress主题添加css文件

比如你的主题需要引入 wpbon.css 文件,该文件在你主题的css文件夹下,那么你只需要在主题的functions.php文件内插入以下代码:

function wpbon_add_styles() {
wp_register_style('wp_stylesheet',get_stylesheet_directory().‘/css/wpbon.css’);
wp_enqueue_style('wp_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpbon_add_styles' );

二、wordpress主题引入js文件

根据上面,我们可以再举例,你的主题需要引入wpbon.js文件,该文件在你主题的js文件夹下,那么就加入以下代码:

function wpbon_add_scripts() {
wp_register_script('wp_script', get_stylesheet_directory_uri().'/js/wpbon.js', array('jquery'),'2.0', true);
wp_enqueue_script('wp_script');
}
add_action( 'wp_enqueue_scripts', 'wpbon_add_scripts' );

三、wordpress加载CSS和js方法参数详解

上面文件都有5个参数,分别作用是:

$handle:资源标识符,供 wp_enqueue_script 调用。
$src:资源的位置。相对地址或者绝对地址或者使用 WordPress 内置的函数获取地址等。常用定位函数有 plugins_url、get_template_directory_uri 等。
$deps:依赖关系。如果引用的是 jQuery 插件,需要依赖 jQuery 组建,那么就需要填写上 jQuery。注意,以数组的形式传递。
$ver:资源版本,可选的。
$in_footer:是否放在底部。一般来说,JS 文件要放在页面的底部,就可以设置这个参数为 true,留空或者 false 会输出到顶部。

本文转载自https://www.wpbon.com/65.html

好了彩蛋时间:下面是一些乱七八糟的长尾词,

我想做网站,网站设计书,网站设计规划书,黑酷,飘摇阁,肛门研究者,朱元冰班花,广州做网站的公司,国人seo,姜慧忠,q秀文笔,育满芊,邢钢客商,咏乐汇孙俪,飞讯vpn,氨糖冠军橄固力,ts贴图,李厚霖佛珠宝,超快排,集众思推广,网推侠,仇和近况,每日星球,瓦格纳61勒夫,中国主板维修基地,新浪地产网打卡中心,冷笑话谁发明的,冷笑话是谁发明的,文可芝,黑链购买,商业网站建设案例课程,泊头网,青龙好汉之情义,粉狐外传,岱山党建,风流俏妇,冯东阳博客,又名福州站长网,凤阙寒宫,爱非喜,制作二维码的网站,留览器,泰安网络宣传,刷指数排名,淮南论坛赛雷猴,长春seo培训,骊锦茶府,传琪诚品,dingxiangwang,菁优网初中化学,晶马战士,张麻子血溅上海滩,运城搜搜,webshell交易,傅泽星,铜牛会战,新浪地产打卡中心,黑鹰安全网,薄煕来近况,盐山网,ts贴图网,绵阳沙吧,推百拉,seo3,媚娘原创,恒牛网,暗焰余烬,文章多大,岱山党建网,惠蒙网,仙剑4陈州寻人,网游之逍遥神传,tv650,康斯嘉顿,三亚蜜月婚嫁网,曾美娟微博,艾怫缔牱,运城搜搜团,裂脚亚目,又名胶南站长网,守护甜心之冰紫血影,网站性能优化,叶美景,南海火酒,太子横,123骂吧,草根代写,狼师爷,fzl1,九九热点

想知道怎么用,可以留言询问,我不一定高速你,哈哈哈!

未经允许不得转载:地下室先生博客 » wordpress加载css和js的方法,wordpress主题开发如何添加css js

赞 (1) 打赏作者

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏