给WordPress添加Loading效果

不过我这里讲的是“伪预载”效果,真正的Loading效果是要通过JQuery实现的(俺也不懂JQuery)。通过一张Loading的gif图片来实现,仅针对Wordpress。效果见萄葡藤,或者注意我的网站左上角。

方法如下:

  1. 先把Loading的gif图片放在博客网站的根目录下
  2. 在header.php文件的<head></head>中加入代码:<div id=’loading’><img src="/loading.gif" /></div>
  3. 在footer.php文件的</body>前添加闭合代码:<script>document.write(‘<style>#loading{display:none}<\/style>’);</script>
  4. 根据自己的要求还可以加上loading的CSS效果

现成的CSS效果见这篇文章,自己加到style.css文件中即可。

现成的Loading图片这里有,可定制颜色的Loading图片这里有。

参考链接:给 WordPress 添加 Loading 预载

分类:Wordpress

标签:,

对本文发表评论





4 + 1 = ?

注意:
1、请勿单纯发表顶啊、打酱油之类无任何意义的评论,否则将被视为spam!谢谢合作!
2、但欢迎你留下对本文的看法或技术上的任何疑问,我会及时回复你。