怎样将jQuery加上到WordPress

摘要:在本实例教程中,大家将应用排长队全过程加上jQuery脚本制作文档,并将jQuery加上到您的WordPress页脚和题目中。...

在本实例教程中,大家将应用排长队全过程加上jQuery脚本制作文档,并将jQuery加上到您的WordPress页脚和题目中。

假如您线上检索怎样将jQuery脚本制作加上到WordPress,您将得到很多的結果。可是,假如你并不是程序流程员或不熟习WordPress,你将会会发如今线資源有点无法了解。这是大家进来的地区。在今日的文章内容中,大家将展现怎样将jQuery脚本制作加上到WordPress。可是,在刚开始以前,大家看来看jQuery和WordPress。

jQuery

jQuery的时兴是惊人的。那末为什么不?它为开发设计人员开发设计Web运用程序流程出示了附加的优点。它也是最受欢迎的JavaScript库之1。这是1个较小的书籍馆,也降低了载入時间。总而言之,以便加快WordPress,你必须应用jQuery。

应用jQuery能够迅速进行诸如DOM实际操作,AJAX启用,动漫和别的每日任务。简而言之,它有助于网站的发展趋势。它是轻量级的,出示了更全面的软件,也可用于WordPress。

最开始,WordPress不适用jQuery。但是,jQuery的普及和开发设计者的要求使得WordPress最后在她们的服务平台中包括了jQuery。它初次在WordPress 3.8.1中引进。以后,它基本上用于全部主题和软件。

假如您不确定性怎样刚开始应用jQuery,或不知道道怎样将jQuery脚本制作加上到WordPress,大家将协助您保证这1点。因此,沒有任何进1步的延迟时间,让大家刚开始吧。

留意:大家提议不必在即时网站上尝试此实际操作。在上线以前试用你的当地WordPress安裝。您还可以在尝试变更您网站上的任何编码以前建立备份数据!

怎样加上jQuery脚本制作到WordPress

1.掌握适配方式

在WordPress中应用jQuery以前,大家必须掌握适配方式。因为WordPress是1个內容管理方法系统软件,它务必考虑到全部系统软件内不一样软件和主题之间的适配性。以便保证jQuery依照预期工作中而且不影响别的软件,大家应用适配方式。换句话说,它是保证它不与别的书籍馆矛盾的1种方式。

以便使适配性合理,您不可以$ 在编码中应用 标记。相反,你必须应用 jQuery。大家看来看下面的事例。

jQuery(document).ready(function($) {$('#nav a').last().addClass('last');})

下面得出了在沒有适配方式的状况下撰写同样的编码。

$(document).ready(function($) {$('#nav a').last().addClass('last');})

基础上,该$ 标示的任何案例都 应当更换 jQuery 为使编码可以与Wordpress1起应用。

2.怎样带回$标记来写WordPress的jQuery

这是1个大家都知道的客观事实,应用jQuery 每次,而并不是 $ 1个开发设计人员将会是1个让人消沉的亲身经历。另外,它使编码无须要的长。但是,$假如大家做1些调剂,大家可使用这个 标示。

在大家共享这个调剂以前,让大家回望1下jQuery sytax是怎样工作中的。以下所示。

$(selector).action()

$:美元标记告知解释器它是jQuery。(selector):它表明它必须寻找的HTML元素。它当做查寻。action():将在元素上实行的涵数

如今,大家掌握基础英语的语法,让大家看看投射jQuery到 的编码 $。

(function($) {$('.hideable').on('click', function() {$(this).hide();})})( jQuery );

您必须将编码包装在密名涵数中。它只能在页脚中应用。

您必须将全部编码封裝在文本文档准备就绪涵数中,以下所示,以使jQuery在标头中工作中。

jQuery(document).ready(function( $ ) {$('.hideable').on('click', function() {$(this).hide();})});

可是,大家不提议在题目中应用jQuery软件,由于这将会会减少您的网站速率。

3.建立您的脚本制作文档

因为每次都没法将jQuery消息推送到页脚和头文档,因而应当建立脚本制作文档并将它们集成化到1起。为此,您最先必须建立1个JavaScript文档。该文档必须放入您准备应用的主题文档夹中。您还能够将文档储存在“.js”文档夹中,以维持整洁和易于浏览。

针对本实例教程,让大家取名文档“script_new.js”。它必须置放在主题文档夹的子文档夹中。那末,相对路径将怎样看待?它将是theme / js / script_new.js

该脚本制作能够是任何实际操作简易的HTML元素,以在显示屏上复印出“Hello,World”。这1切都取决于你要想做甚么。

4.寻找functions.php文档

在大家再次前行以前,大家提议您 建立1个少年儿童主题。少年儿童主题将保证您的关键主题文档维持安全性。可是,在建立它以前,请查验父主题是不是已包括jQuery涵数。

1旦进行,大家必须寻找functions.php文档。这是全部魔法都会产生的文档。假如您没法寻找任何名为“functions.php”的文档,请随时建立1个。

如今,将script_new.js文档载入到每一个网页页面的题目; 您还必须在您的functions.php文档中加上下列编码。

<?phpfunction add_custom_script() {wp_register_script('custom_script', home_url() . '/wp-content/themes/theme/js/script_new.js', array( 'jquery' ), ‘1.0.0’, true);wp_enqueue_script('custom_script');}add_action( 'wp_enqueue_scripts', 'add_custom_script' );?>

上面的编码拉你的脚本制作文档并将其排入WordPress。这个全过程被称为排长队。

5.应用软件来完成結果

虽然大家提议手动式集成化jQuery,但您还可以应用软件来完成。大家提议的软件是Posts帖子中的jQuery。该软件是轻量级和立即的。您将能够没什么艰难地应用它。应用此软件,您能够将自定jQuery和JavaScript编码加上到您网站的任何网页页面,帖子或自定帖子种类中。

您只需将自定编码加上到软件编码编写器便可。完全免费版本号只适用jQuery和JavaScript,但你还可以试用PRO版本号,它有更多的作用,包含CSS。

结果

大家期待你喜爱这个实例教程。在本实例教程中,大家应用排长队全过程加上了jQuery脚本制作文档。大家还探讨了怎样在WordPress主题的页眉和页脚中加上jQuery编码。另外,大家还详细介绍了应用称为“帖子网页页面中的jQuery”的简易软件加上jQuery编码。



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:电商网站