网站最后更新日期:2020年12月20日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

给WordPress添加“加载中”动画

今天教大家一个在你WordPress网站访问有点慢时,可以提高用户体验的纯CSS加载中”动画

插件(插件)版

一、添加CSS动画代码

1、这是最主要的一个步骤,用处时来显示加载中的动画

2、把下列代码添加到你主题的“样式表 (style.css)”文件内添加下列代码就可以啦

二、添加显示代码

1、这一步的用处是把前面的CSS代码显示出来

2、在主题内的“页首 (header.php)”文件的 <body> 后同样添加下列代码

三、添加jQuery渐隐效果

1、这个步骤是用于在网页加载完成后是加载动画渐渐消失,而不是一直不停地转动

2、在“页尾 (footer.php)”内的 </body> 前添加下列代码就完咯

预览

本页左下角会永远旋转“加载中”动画

wordpress-loading-preview

参考

WordPress页面加载时显示旋转的圆圈

总结

1、完成以上步骤后要清空快取才能显示效果 :razz:

2、有问题可以回复 :mrgreen:

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

本文固定链接:https://www.arefly.com/zh-cn/wordpress-loading/

本文章由“超级efly”于2013年07月18日发表于“WordPress”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:给WordPress添加“加载中”动画 | 畅想资源

关键字:, ,

如果您对本文有任何疑问或建议,欢迎发送邮件至yifei@hesyifei.com(或通过其它途径)联系我们,谢谢!