熱評
加載中...
當前位置:首頁技術館建站教學二開美化【B2】懶載入優化

【B2】懶載入優化

1. 啟用主題的懶載入功能:B2主題設置—–常規設置—–投稿及媒體—–是否開啟懶載入功能。

2. 將下列的代碼加到主題樣式表中,強制刷新即可看到效果。

CSS
 /*
 * ------------------------------------------------------------------------------
 * B2主題懶加載重構
 * ------------------------------------------------------------------------------
 */
img.lazy:not(.loaded) {
    filter: blur(12px) brightness(1)!important;
}
img.lazy.error {
    filter: none!important;
}
img:not([src]):not([srcset]) {
    visibility: hidden!important;
}
img.lazy.loaded {
    transition: filter 427ms .5s, transform .6s!important;
}

您已閱讀完《WordPress(共53篇)》專題的第 15 篇。請繼續閱讀該專題下面的文章:

AngelaL博客

       本文是原創文章,採用CC BY-NC-SA 4.0協議,完整轉載請註明來自AngelaL博客

給TA打賞
共{{data.count}}人
人已打賞
二開美化

【WordPress】ds-download-link:以獨特圖示選擇,打造文章下載鏈接新體驗 (修復版)

2025-2-26 11:45:09

二開美化

【B2】首頁添加導航區塊樣式

2025-2-26 18:38:51

0 條回复 A文章作者 M管理员
    
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索