远方的海
远方的海,WordPress,免费
2015 Oct 03 01 : 01

WordPress史上最简单的全站Ajax教程(Typecho, ghost也兼容)

您当前的位置: 首页 > WordPress > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

wordpress开启全站ajax功能好像是个非常酷炫的技巧。但是新手们操作起来颇有困难,所以也只能眼睁睁的看着大神们玩全站ajax了。不过今天给大家提供一个新的开启Ajax的方法,dead easy!不妨一起来看看如何简单的开启wordpress全站ajax。

Ajaxify一款神奇的脚本

WordPress史上最简单的全站Ajax教程(Typecho, ghost也兼容)

首先附上这款牛逼爆炸的脚本的Github原地址,感兴趣的话可以去看看: 点击前往

值得一提的是,这个全站ajax不仅仅适用于Wordpress,也适用于typecho,ghost等博客,总之是非常通用的脚本。只要你的网站支持html,那就可以用它来完成ajax的操作。

代码部分

原始代码

把以下代码放入主题的header.php中,放在</head>前面就好。如果已经加载了jQuery,那么第一部分的jQuery就不需要再次加载了。

注意,剩下的三个js文件不能合并,就这么原封不动的加载即可。

<!-- jQuery -->
<script src="//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- jQuery ScrollTo Plugin -->
<script src="//balupton.github.io/jquery-scrollto/lib/jquery-scrollto.js"></script>

<!-- History.js -->
<script src="//browserstate.github.io/history.js/scripts/bundled/html4+html5/jquery.history.js"></script>

<!-- Ajaxify -->
<script src="//rawgithub.com/browserstate/ajaxify/master/ajaxify-html5.js"></script>

出现的问题

可能出现的问题就是登陆管理员后台的时候,它还在那里Ajax。解决方案,只在前台加载。把相应的js文件用wp_enqueue_script来加载即可。把以下代码放入主题的functions.php中:

if ( !is_admin() ) { // 后台不ajax
add_action('wp_enqueue_scripts', 'seavia_en_script');
 function seavia_en_script() {
 wp_register_script('jquery1.9.1',("//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"),'' ,'' ,false);
 wp_enqueue_script('jquery1.9.1'); //jquery可以去掉。如果已经加载了。
 wp_register_script('scrollto',("//balupton.github.io/jquery-scrollto/lib/jquery-scrollto.js"),'' ,'' ,false);
 wp_enqueue_script('scrollto');
 wp_register_script('history',("//browserstate.github.io/history.js/scripts/bundled/html4+html5/jquery.history.js"),'' ,'' ,false);
 wp_enqueue_script('history');
 wp_register_script('ajaxify',("//rawgithub.com/browserstate/ajaxify/master/ajaxify-html5.js"),'' ,'' ,false);
 wp_enqueue_script('ajaxify');
 }
}

好了,完成了!这下进入后台,也不会有问题了!

加快代码加载速度

由于上面引用的几个代码都是在国外的服务器上的。如果你的主机足够给力,那么你可以把代码下载下来,把链接替换成自己的即可。这个也是很简单的操作,这里就不列举出来了。

好文!分享给朋友,或者点个赞吧~

文章信息

分类:WordPress

您可能也会喜欢

发表回复

Post Comment


  1. typecho.linyezhandidi.com :

    我转走了

    2016-8-11
  2. 陈瑞 :

    你好,我用hostginer建站时用的是,一键安装助手,里面的wordpress然而登录wordpress里面很多功能不能用,譬如发布文章都不可以,但可以写文章

    2016-7-23
  3. moxne :

    博客不错 挺漂亮

    2016-4-10
  4. leejon :

    出现这种情况要怎么修复? https://bpplpp.com/error.txt

    2016-1-22
  5. ScottJu :

    用了有效果,但是每次加载一个页面都要返回顶端。然后就是文章页进不去。

    2015-11-23
  6. 小z :

    远方的海进行改版了呀,看起来大气了许多,并且已经全站启用https了吗?

    2015-10-31
    • sven水神 :

      @小z 是的,改版并加了全站SSL,现在日IP也在800-1000徘徊了。

      2015-11-1
      • 小z :

        @sven 不错,不错,蒸蒸日上。另外你用的哪家的VPS?

        2015-11-1
        • sven水神 :

          @小z 我用的是Bluehost的机子。

          2015-11-1
  7. JV :

    可以说ajax是迫使我接触到jquery的一个入口。
    若当初不是对ajax特别喜欢我也不会玩WordPress了。

    2015-10-21
    • Sven水神 :

      @JV jquery我都没系统的学过,下个假期可以学一学。你的ajax倒是做的风生水起!

      2015-10-21
  8. 小子 :

    我发现是别名的问题 代码对中文不友好 我还是不用了

    2015-10-14
  9. 小子 :

    碉堡了 但是页面链接也要改成.html结尾才能访问 还有一个问题就是分类目录页404了,怎么解决呢?

    2015-10-14
  10. 路易大叔 :

    真是深受感动与启发

    2015-10-9
  11. 安安博客 :

    这博客速度好快

    2015-10-8
    • Sven水神 :

      哈哈,谢了,主机好,优化的也不错,自然就快了。

      2015-10-8
  12. guanwangxiao :

    nice

    2015-10-3
    • Sven水神 :

      hello

      2015-10-3