Elementor 3.13發(fā)布,該版本帶來了許多功能更新和增強(qiáng),包括在容器中提供了一個(gè)新的布局選項(xiàng)–CSS Grid。此外,Elementor 3.13在菜單小部件中引入了更多樣式選項(xiàng),并為新的頂部欄添加了新功能。
一、新CSS網(wǎng)格容器
當(dāng)您添加容器時(shí),您可以在Flexbox或Grid容器之間進(jìn)行選擇。使用網(wǎng)格容器是類似網(wǎng)格布局的理想選擇,有助于保持容器中元素的對(duì)齊,并縮短從分欄布局到容器布局的過渡過程。
使用網(wǎng)格容器,您可以選擇想要組成網(wǎng)格的行數(shù)和列數(shù),使用間距控制來確定列和行之間的距離,并選擇是基于列還是基于行進(jìn)行自動(dòng)流動(dòng)。您還可以對(duì)齊內(nèi)容和項(xiàng)目。
網(wǎng)格中的每個(gè)單元格都可以接受一個(gè)元素,可以像平常一樣對(duì)其進(jìn)行樣式化和編輯。為了達(dá)到更高的復(fù)雜程度,您可以將Flexbox容器放在網(wǎng)格的單元中,并在Flexbox容器中放置任意多的元素。
要使用容器網(wǎng)格,請(qǐng)確保從WordPress Dashboard→Elementor→Settings→Features中啟用Flexbox容器和網(wǎng)格容器功能。
二、Elementor Pro菜單小部件新樣式
在之前的版本中,Elementor引入了一個(gè)新的Menu小部件,它允許您創(chuàng)建簡(jiǎn)單的單級(jí)菜單和復(fù)雜的下拉內(nèi)容菜單,以及可嵌套的內(nèi)容。這個(gè)小工具是網(wǎng)站創(chuàng)建的游戲規(guī)則改變者,讓你能夠?yàn)槟木W(wǎng)站設(shè)計(jì)漂亮而實(shí)用的菜單。Elementor Pro 3.13引入了菜單小部件中現(xiàn)在可用的兩個(gè)新功能:
1、菜單頂層中的圖標(biāo)
這一新的樣式功能允許您通過添加吸引訪問者注意力的醒目圖標(biāo)來增強(qiáng)菜單的設(shè)計(jì)。在圖標(biāo)庫中有各種圖標(biāo)可供選擇,或者能夠上傳任何SVG,您可以定制您的菜單,以匹配您的網(wǎng)站的風(fēng)格,并使它們脫穎而出。
2、錨定鏈接的活動(dòng)狀態(tài)
當(dāng)您的菜單包含錨定鏈接時(shí),向網(wǎng)站訪問者指示他們已經(jīng)滾動(dòng)或點(diǎn)擊了頁面的哪個(gè)部分。這樣,您就可以通過幫助訪問者瀏覽網(wǎng)站來改善他們的體驗(yàn)。
三、Elementor Pro 3.13頂欄功能增強(qiáng)
Elementor Pro 3.13界面進(jìn)行了修改,現(xiàn)在,您可以訪問編輯器中所有可用的保存選項(xiàng)——另存為草稿、另存為模板和顯示條件(如果適用)。這也意味著頂欄現(xiàn)在包含了以前在編輯器的遺留UI中可用的所有功能。
Elementor Pro 3.13增加了頁面導(dǎo)航,該功能將簡(jiǎn)化您的工作流程,并使不同頁面和主題部分之間的過渡更加順暢。
四、使用帖子的內(nèi)容動(dòng)態(tài)填充您的帖子摘錄
在Elementor 3.13中,您現(xiàn)在可以選擇內(nèi)容是從文章的前幾個(gè)字符自動(dòng)填充還是從WordPress的自定義摘錄中自動(dòng)填充。這一更新解決了自從引入循環(huán)構(gòu)建器以來的請(qǐng)求,能在循環(huán)項(xiàng)中添加Post extract小部件。
五、啟用Elementor AI
Elementor 3.13包含了Elementor AI的免費(fèi)試用版,它原生集成在編輯器中,將改變您創(chuàng)建網(wǎng)站的方式。使用Elementor AI,您可以用AI的力量創(chuàng)建文本和代碼,增強(qiáng)網(wǎng)站上的現(xiàn)有內(nèi)容,并支持翻譯。此外,您可以使用Elementor AI編寫自定義CSS或自定義代碼(需要Elementor Pro或Hosting)或HTML代碼片段。
六、性能改進(jìn)
在Elementor 3.13中,重點(diǎn)轉(zhuǎn)移到了主要用于內(nèi)頁的小部件上。作者框、帖子信息和價(jià)格列表小部件顯示圖像和用戶資料圖片,這些圖像現(xiàn)在有一個(gè)惰性負(fù)載應(yīng)用于它們。這種改變應(yīng)該會(huì)提高內(nèi)頁的初始頁面負(fù)載。
此外,由于頁眉出現(xiàn)在折疊的上方,它應(yīng)該總是在頁面加載時(shí)立即加載。因此,在使用惰性加載背景圖片實(shí)驗(yàn)時(shí),惰性加載被從標(biāo)題中移除以改善訪問者的體驗(yàn)。