Elementor 3.13發佈 使用CSS Grid網格佈局

Elemento 3.3發佈,該版本帶來了許多功能更新和增強,包括在容器中提供了一箇新的佈局選項RCSS Gid。此外,Elemento 3.3在菜單小部件中引入了更多樣式選項,併爲新的頂部欄添加了新功能。

點擊訪問:Elemento官網

一、新CSS網格容器

當您添加容器時,您可以在Flexbox或Gid容器之間進行選擇。使用網格容器是類似網格佈局的理想選擇,有助於保持容器中元素的對齊,並縮短從分欄佈局到容器佈局的過渡過程。

使用網格容器,您可以選擇想要組成網格的行數和列數,使用間距控制來確定列和行之間的距離,並選擇是基於列還是基於行進行自動流動。您還可以對齊內容和項目。

網格中的每個單元格都可以接受一箇元素,可以像平常一樣對其進行樣式化和編輯。爲了達到更高的複雜程度,您可以將Flexbox容器放在網格的單元中,並在Flexbox容器中放置任意多的元素。

要使用容器網格,請確保從WodPess Dshbod→Elemento→Settings→Fetues中啓用Flexbox容器和網格容器功能。

二、Elemento Po菜單小部件新樣式

在之前的版本中,Elemento引入了一箇新的Menu小部件,它允許您創建簡單的單級菜單和複雜的下拉內容菜單,以及可嵌套的內容。這個小工具是網站創建的遊戲規則改變者,讓你能夠爲您的網站設計漂亮而實用的菜單。Elemento Po 3.3引入了菜單小部件中現在可用的兩個新功能:

、菜單頂層中的圖標

這一新的樣式功能允許您通過添加吸引訪問者注意力的醒目圖標來增強菜單的設計。在圖標庫中有各種圖標可供選擇,或者能夠上傳任何SVG,您可以定製您的菜單,以匹配您的網站的風格,並使它們脫穎而出。

2、錨定鏈接的活動狀態

當您的菜單包含錨定鏈接時,向網站訪問者指示他們已經滾動或點擊了頁面的哪個部分。這樣,您就可以通過幫助訪問者瀏覽網站來改善他們的體驗。

三、Elemento Po 3.3頂欄功能增強

Elemento Po 3.3界面進行了修改,現在,您可以訪問編輯器中所有可用的保存選項——另存爲草稿、另存爲模板和顯示條件(如果適用)。這也意味着頂欄現在包含了以前在編輯器的遺留UI中可用的所有功能。

Elemento Po 3.3增加了頁面導航,該功能將簡化您的工作流程,並使不同頁面和主題部分之間的過渡更加順暢。

四、使用帖子的內容動態填充您的帖子摘錄

在Elemento 3.3中,您現在可以選擇內容是從文章的前幾個字符自動填充還是從WodPess的自定義摘錄中自動填充。這一更新解決了自從引入循環構建器以來的請求,能在循環項中添加Post extct小部件。

五、啓用Elemento AI

Elemento 3.3包含了Elemento AI的免費試用版,它原生集成在編輯器中,將改變您創建網站的方式。使用Elemento AI,您可以用AI的力量創建文本和代碼,增強網站上的現有內容,並支持翻譯。此外,您可以使用Elemento AI編寫自定義CSS或自定義代碼(需要Elemento Po或Hosting)或HTML代碼片段。

六、性能改進

在Elemento 3.3中,重點轉移到了主要用於內頁的小部件上。作者框、帖子信息和價格列表小部件顯示圖像和用戶資料圖片,這些圖像現在有一箇惰性負載應用於它們。這種改變應該會提高內頁的初始頁面負載。

此外,由於頁眉出現在摺疊的上方,它應該總是在頁面加載時立即加載。因此,在使用惰性加載背景圖片實驗時,惰性加載被從標題中移除以改善訪問者的體驗。