WordPress等待加载动画设置

  • A+
所属分类:wordpress 技术分享

很多的WordPress站长们发现,如果你的主机的速度很慢,但不是那种容易死机或者页面根本无法打开的情况下,你的页面在加载,但是别人在浏览你的网站的时候,不会希望在看着自己的浏览器的空白页面而发呆,所以在这种情况下,加载过程中来点萌萌的动画,是令人欣慰的!所以今天就教大家在WordPress里面设置预加载动画!

WordPress等待加载动画设置

一、添加CSS动画代码
1、这是最主要的一个步骤,用处时来显示加载中的动画
2、把下列代码添加到你主题的“样式表 (style.css)”文件内添加下列代码就可以了!

 

二、添加显示代码
1、这一步的用处是把前面的CSS代码显示出来
2、在主题内的“页首 (header.php)”文件添加下列代码

 

三、添加jQuery渐隐效果
1、这个步骤是用于在网页加载完成后是加载动画渐渐消失,而不是一直不停地转动
2、在“页尾 (footer.php)”内的 </body> 前添加下列代码就可以了

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  2   博主  1

    • avatar small_xu 1

      我在css加载动画上需要您的帮助!如看到请联系我!

      • avatar small_xu 1

        我的QQ是2896555454,我的网站是www.gymxbl.com