網站最後更新日期:2021年7月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站(中) 個人網站(EN) 更多聯絡方式
×

給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-tw/wordpress-loading/

本文章由「超級efly」於2013年07月18日發表於「WordPress」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:給WordPress添加「加載中」動畫 | 暢想資源

關鍵字:, ,

如果您對本文有任何疑問或建議,歡迎發送郵件至yifei@hesyifei.com(或通過其它途徑)聯繫我們,謝謝!