wordpress 添加js

在制作wordpress主题猴子wordpress插件过程中,需要添加样式文件或者js脚本文件,由于大多数用户运行网站上多个插件,可能会加载
各式各样的文件,容易引起冲突,所以wordpress系统为开发者提供了一个很好的脚本及样式文件的排队系统,这有助于防止插件之间的脚本冲突问题。这
篇文章中,主要介绍wordpress中添加Javascript文件与css文件的方法,对那些刚开始学习WordPress主题和插件的开发是特别有
用的。
  错误方式
  wordpress中提供了wp_head钩子来帮助在页面的头部添加指定的头部消息,比如常见的关键词与描述,很多人也同样会使用这种方式来添加站点的外部样式文件与脚本文件,添加代码如下:
<?php
add_action(wp_head, wpb_bad_script);
function wpb_bad_script() {
echo <script type="text/javascript" src="http://www.54ux.com/wp-content/themes/d-simple/js/sidenav.js"></script>
; //添加js文件
}
?>
  这种方式虽然使用简单,但是非常不推荐使用,这种加载方式容易造成wordpress脚本的冲突。

  wordpress脚本排队系统
  1、介绍
 
 wordpress在全球拥有强大的开发社群,很多人都非常积极的参与到wordpress的主题与插件的开发当中,并且可以免费使用,为了防止各个开
发者开发的插件在使用过程总出现脚本冲突的问题,wordpress提供了一个非常强大的脚本加载函数wp_enqueue_script,通过这个函
数,可以告诉wordpress在哪加载脚本,脚本依赖哪些框架,而且该函数在利用内置的Javascript库时,可以避免多次加载同一个脚本。这有助
于减少页面加载时间,以及避免与其他主题和插件冲突。
  2、使用实例
  wordpress正确加载脚本的使用很简单,代码如下:
<?php
function wpb_adding_scripts() {
wp_register_script(my_amazing_script, plugins_url(amazing_script.js, __FILE__), array(jquery),1.1, true);
wp_enqueue_script(my_amazing_script);
}

add_action( wp_enqueue_scripts, wpb_adding_scripts );
?>
  可以将以上代码放入你的插件文件中你主题的functions.php文件。
  说明:
  实例中首先通过函数wp_register_script(),这个函数接收5个参数:
  $handle
  (string) (必须) 脚本名称. 名称必须唯一在之后函数 wp_enqueue_script() 会使用到该名称.
  Default: None
  $src
  (string) (必须) 脚本路径,可以使用绝对路径。
  Default: None
  $deps
  (array) (可选) 脚本依赖包,依赖包会在脚本加载之前预先加载。
  Default: array()
  $ver
  (string) (可选)脚本版本控制。
  Default: false
  $in_footer
  (boolean) (可选) 定义脚本的位置,如果为true脚本会在页面底部加载,默认在head头部加载。
  Default: false
  当使用wp_register_script()函数注册脚本文件后,就可以使用函数wp_enqueue_script()函数来加载该注册的脚本文件。
  也许有人会问为什么不直接加载脚本文件,而是先注册后加载,这不是多此一举吗。其实这主要是为了站点其他开发者在其他插件或者主题总方便引用核心脚本文件。
wordpress如何加载CSS样式文件
  wordpress css样式文件的加载与以上介绍的脚本文件加载方式是一样的,如下实例:
<?php
function wpb_adding_styles() {
wp_register_script(my_stylesheet, plugins_url(my-stylesheet.css, __FILE__));
wp_enqueue_script(my_stylesheet);
}

add_action( wp_enqueue_scripts, wpb_adding_styles );
?>
  以上实例用了wp_register_script钩子来加载样式文件。
 
 实例中使用了plugins_url()来获取样式文件的路径,这个一般在插件开发过程中使用的居多,如果主题中开发使用到
wp_register_script()函数则可以使用get_template_directory_uri()来获取样式文件路径,如果是子主题中
使用,则可以使用函数get_stylesheet_directory_uri()来获取路径,实例如下:
<?php

function wpb_adding_scripts() {
wp_register_script(my_amazing_script, plugins_url(amazing_script.js, __FILE__), array(jquery),1.1, true);
wp_enqueue_script(my_amazing_script);
}

add_action( wp_enqueue_scripts, wpb_adding_scripts );
?>没必要去改文件接去的外观-小工具里,把“(任意文本或HTML)到右边的sidebar_1里,然后打开它往里边增加代码就行
至于友情链接,WORDPRESS就有,点开链接菜单你就知道操作了打开footer.php,放到适当位置即可,不会站内pm我一般统计代码都是放在主题footer.php文件里,直接把统计代码放里面就行了有插可以实现的,你搜一下 js links
喜欢阅读
  • 了无牵挂此生情

    了无牵挂此生情

    “能说一下你对男主的第一印象吗?”阿妙:“变态神经病,哦对了!企图用不正当手段和我身体接触。”“能说一下你对女主的第一印象吗?”神星阑:“哔——。”婚后。“怎么评价你老公!”阿妙:“变态神经病,每天都暗搓搓跟踪我。”“怎么评价你老婆!”神星阑:“我的!”

  • 农女成凤撩美男

    农女成凤撩美男

    现代考古学家赵落落,穿越到一个不知名的大陆,变成一个黑不溜秋,瘦不拉几的小村姑,人穷貌丑好地没有。这些还是次要的,主要的是:一睁开眼睛看到的美男竟然赖上她,蹭吃蹭喝蹭身体。当姐的东西是免费的呐!一个两个三个四个五个——大陆美男齐聚偏僻小山村。老天哪!降下天雷劈死这群闹腾的妖孽吧!

  • 神医狂妃:妖孽王爷宠妻无度

    神医狂妃:妖孽王爷宠妻无度

    一朝穿越,她成了御医世家的嫡小姐!丑八怪?不过是小小胎毒,轻而易举就能清除!医学白痴?废物?那就让他们看看,废物是怎么逆天的!姨娘和庶妹欺凌?那就百倍千倍地还回去!皇上赐婚?等等,王爷不近女色?正好合她的心意!洞房花烛夜,一道征战圣旨,偌大的燕王府就成了她的天下!王爷凯旋而归,发现那些个莺莺燕燕居然都被处理了。嘴角邪魅一笑“既然王妃这样的贴心,那之后就由王妃侍寝了!”骗子,不是说王爷不近女色吗?“这个骗子!不仅骗了本王妃的清白,还骗了本王妃的心!”丫鬟在一旁擦汗“王妃,不是你心甘情愿被骗的吗?”

  • 狂龙战神

    狂龙战神

    十年前杀我父母,将我如同狗一样被你们羞辱,十年后,我回来了,那些仇人一个都别想跑……

  • 神级医生混花都

    神级医生混花都

    自从得到古书后,李玄霄便开始了逆天之路,从一个被主任医生阴谋算计被开除的助理,变成了名震四海的最年轻神医!

  • 司令,奴家不从

    司令,奴家不从

    为从花楼中脱身,溪草冒险偷了份作战图。却害“活阎王”谢洛白险些吃了败仗,谢司令冲进烟花巷将人拎出来打算弄死,却意外发现自己捡了个小怪物,三教九流的手段便罢了,可洋文、油画、马术她居然也会?正好用来冒充失踪的表妹讨母亲欢心,顺便还能在交际场上给政敌使使绊子。本是场交易,谁知谢二爷自己入了戏,干完活却不放人了怎么办?逃又逃不走,打又打不过,溪草愤然揪起谢二衣领“姓谢的,你不要脸!”,谢司令置若罔闻,扛起她就往回走。“若夫人和脸不可兼顾,为了夫人,也只好不要脸了。”

  • 生死派送

    生死派送

    没有天生的坏人,只有变坏的好人。一个凭空出现的诡异空包,彻底改变了快递员姬文的人生,随着特案组介入调查,一个个诡异离奇的事件接踵而至,死亡一周的收件人亲自签收快递、深夜妙龄少女请求帮助她寻找杀死自己的凶手、原本已经下葬的尸体深夜敲门杀人,是否这个世上,真的有无法解释的超自然现象存在?最可怕的究竟是妖魔还是人心?

  • 最强神探:罪恶元凶

    最强神探:罪恶元凶

    周泽是一个性格倔强,机制果敢的警察,在接到一个绑架电话之后开始了长时间与恐怖团伙的针锋相对,一次次的斗智斗勇之中,周泽冲锋陷阵,九死一生排除了一个又一个的陷阱,最终解救出人质,后又与多个犯罪组织周旋,在侦查与反侦查之中周泽将他的有勇有谋发挥到极致……

  • 猜你喜欢
    热门推荐
  • 吧台
  • tcl液晶电视
  • 8050
  • 空间设计
  • original
  • ck手表
  • 941
  • 760
  • 三七粉
  • 鱼肝油
  • 口蘑
  • 川贝枇杷膏
  • 叶欣桐
  • qq头像欧美
  • 板垣辰子
  • 惜春纪
  • 高圆圆资料
  • 英德天气
  • 总裁的妹妹妻
  • 驴肉火烧
  • All Right Reserved 飞奔空间