3.21 版包括為類別和標(biāo)簽建立列表的功能，以及顯著的性能改進(jìn)和令人興奮的新AI功能。

這個版本側(cè)重于專業(yè)設(shè)計工具和性能增強(qiáng)功能，可縮短加載時間并提高性能評級。分類查詢是用于列出網(wǎng)站的新工具，可在循環(huán)網(wǎng)格和旋轉(zhuǎn)木馬中展示類別和標(biāo)簽。AI Copilot 是另一個令人激動的開始步驟，它使網(wǎng)站創(chuàng)建者能夠利用人工智能更快、更高效地構(gòu)建網(wǎng)站。該版本還將通過三項重大性能改進(jìn)來加速網(wǎng)站。

列表的循環(huán)分類查詢 

今天，我為大家介紹另一款廣受歡迎的動態(tài)內(nèi)容網(wǎng)站建設(shè)工具——Elementor 3.21版本。到目前為止，可以使用 Loop Grids 和 Loop Carousels 通過 Loop Template 來持續(xù)顯示產(chǎn)品和文章。有了分類查詢，就可以在循環(huán)網(wǎng)格和旋轉(zhuǎn)木馬中將類別和標(biāo)簽顯示為項目。例如，有一家服裝店，就可以使用循環(huán)網(wǎng)格來顯示不同的服裝分類，如 “襯衫”、”褲子”、”帽子 “和 “休閑裝”。

分類標(biāo)準(zhǔn)查詢提供了高級功能，可以選擇要顯示的分類標(biāo)準(zhǔn)以及它們的顯示順序。例如，可以選擇 “全部顯示 “并過濾顯示的分類標(biāo)準(zhǔn)深度，以選擇在列表中包含多少級子類別。建議具有包含多級子類別的復(fù)雜分類方案的網(wǎng)站采用這種方法。在建立或管理分類標(biāo)準(zhǔn)不太復(fù)雜的網(wǎng)站時，可以選擇 “手動選擇 “選項，選擇在列表中顯示哪些類別或標(biāo)簽。無論是選擇 “全部顯示 “還是 “手動選擇”，都可以按照字母順序或 ID 編號、升序或降序排列列表。為確保分類查詢與動態(tài)內(nèi)容驅(qū)動網(wǎng)站無縫兼容，它與 ACF 和 Custom Post Types UI 等第三方插件完全兼容。

性能改進(jìn) 

更新到 3.21 版后，網(wǎng)站的性能將大幅提升。新版本包括三大增強(qiáng)功能，可縮短加載時間并提高谷歌性能評分。

優(yōu)化控制渲染

前端性能分?jǐn)?shù)由許多不同的指標(biāo)組成，用于衡量網(wǎng)站的加載時間和效率。其中一個突出的指標(biāo)是 “第一個字節(jié)的時間”（TTFB），它衡量的是從客戶與服務(wù)器首次接觸到第一個字節(jié)的信息到達(dá)他們的瀏覽器之間的時間。通過優(yōu)化 Elementor 小部件在訪問者瀏覽器中的呈現(xiàn)方式，該版本可將 TTFB 縮短 20%-30%。這是一項重大改進(jìn)，對性能評分有顯著影響。

要激活新功能，請進(jìn)入 WordPress 控制面板 → Elementor → 設(shè)置 → 功能，激活 “優(yōu)化控件加載”。

更簡潔的代碼

該版本提高性能的另一種方法是清理網(wǎng)站代碼。在網(wǎng)站的引擎蓋下，每個元素都體現(xiàn)在文檔對象模型（DOM）中。DOM 包含瀏覽器如何呈現(xiàn)網(wǎng)站內(nèi)容和結(jié)構(gòu)的指令（代碼）。一般來說，如果這些指令編寫得更有效，訪問者的瀏覽器加載內(nèi)容的速度就會更快。這就是為什么該版本在文本輸入為空時不包含標(biāo)記，從而優(yōu)化了代碼部件的生成量。因此，如果使用的是圖標(biāo)框，并將說明留空，那么小工具將生成更少的代碼，并產(chǎn)生更簡潔的 DOM 輸出。

改進(jìn)的延遲加載背景圖像 

背景圖片是瀏覽器加載最繁重的資產(chǎn)之一，也是最難優(yōu)化的。因此，我們很高興 Elementor 3.21 在改進(jìn)了 3.9 版的嘗試之后，采用了一種新的方法來懶加載背景圖片。這次，激活實(shí)驗(yàn)將根據(jù)背景圖片的大小和在頁面上的位置，有效地優(yōu)先加載背景圖片。這樣，瀏覽器就能先加載折疊上方的圖片（加載時立即顯示在視口中），然后再加載其余的背景圖片。懶加載背景圖片是使用容器構(gòu)建網(wǎng)站的另一個重要原因，因?yàn)樗贿m用于為容器設(shè)置的背景圖片。要在特定背景圖片上禁用懶加載功能，請將 CSS 類設(shè)置為 “e-no-lazyload”。

從本版本開始，這一實(shí)驗(yàn)性功能將默認(rèn)為激活狀態(tài)。 要激活 “懶加載背景圖片”，請進(jìn)入 WordPress 控制面板 → Elementor → 設(shè)置 → 功能。

AI Copilot – 是網(wǎng)絡(luò)構(gòu)建者的超級助手

Elementor AI 已發(fā)展成為網(wǎng)站創(chuàng)建者的完美個人助理–推出了 AI Copilot。這個 AI 助手能理解網(wǎng)站，并建議將布局和元素添加到設(shè)計中，讓人以很快的速度創(chuàng)建網(wǎng)站。與其他優(yōu)秀的合作伙伴一樣，copilot 會隨著你們的合作而變得更加直觀。接受或拒絕的每一個建議都會讓它了解你的個人愛好和風(fēng)格，這樣就可以更快地將你的想法實(shí)現(xiàn)出來，并在幾分鐘內(nèi)向客戶和團(tuán)隊成員提交初稿。

功能和實(shí)驗(yàn)更新

這個版本包含大量功能和實(shí)驗(yàn)的狀態(tài)更改。其中一些已在所有新網(wǎng)站上默認(rèn)激活，另一些已成為 Elementor 不可分割的一部分，不能再從功能頁面激活或停用。

• 新網(wǎng)站默認(rèn)激活： 分類過濾器、懶加載背景圖片。
• 現(xiàn)有網(wǎng)站默認(rèn)激活： 網(wǎng)格容器。

使用 Elementor 3.21，享受新的分類查詢和更高的性能

這個版本還包括用于循環(huán)網(wǎng)格和旋轉(zhuǎn)木馬的分類查詢（Taxonomy Query for Loop Grids & Carousels），可讓你在布局中將類別和標(biāo)簽作為循環(huán)項顯示。更新到 3.21 版后，網(wǎng)站性能也將得到顯著提升，首次字節(jié)時間 (TTFB) 指標(biāo)提高了 20%-30%，還可以清理標(biāo)記并引入改進(jìn)的懶加載背景圖片功能。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息