Elementor和Elementor Pro 3.10新功能和特性介紹

Elemento和Elemento Po 3.0包括新的設計功能,在設計具有嵌套元素的網站時,新版本將帶來一箇全新的創意體驗,並在大小控制中引入了一箇新的自定義單元,使您在設計網站時能夠達到更高的準確性。這些版本還包括一箇新的基於容器的庫和性能改進等。

官網:https://elemento.com/

Elemento 3.0版本主要新功能和特性介紹:

、提升網站設計的新嵌套元素

嵌套元素開啓了一種全新的網站設計概念化的方式。通過嵌套元素,您可以利用Flexbox容器的強大功能將任何元素放入另一箇元素中。類似於如何將一箇容器放入另一箇容器中,並無限地嵌套它們,使用嵌套元素,您可以將任何元素(小部件或容器)放入另一箇容器中。

隨着Flexbox容器的正式穩定,在即將到來的版本中,Elemento將在許多現有的小部件中引入嵌套功能,例如Cousel、Accodion、tb等等,並還將引入全新的嵌套窗口小部件,比如Meg Menu超級菜單。

2、引入新的選項卡小部件,釋放設計靈活性

Elemento 3.0新的Tbs小部件是基於容器的,與原來的Tbs小部件相比,它有三個主要改進:

  • 選項卡和標題。使用新的選項卡小部件,您將能夠調整選項卡的佈局和定位,以確定它們相對於選項卡內容的位置-在頂部、底部或其一側。此外,您將有更多的樣式選項,包括向選項卡標題添加圖標的能力。
  • 新的內容區域。藉助Flexbox容器的強大功能,每個選項卡的內容區域將成爲一箇主容器,您可以在其中放置任何元素,調整其佈局並呈現任何您想要的內容——就像編輯器的空白畫布一樣。
  • 新的響應設置。爲了改善每個設備大小的設計和用戶體驗,您可以選擇斷點,在該斷點處選項卡將自動顯示爲手風琴。這意味着您不必爲每個設備創建不同的內容,這也提高了性能。

由於Tbs小部件是基於容器的,要在您的網站上使用它,您需要確保Flexbox容器和嵌套元素實驗被激活。一旦激活,新的標籤頁小部件將自動替換小部件面板中的現有標籤頁(這不會影響您網站上現有標籤頁的設計)。

3、新的自定義單位

Elemento編輯器中的數字控件正在升級,現在您可以選擇任何想要的單位,混合數字單位,並在其中運行CSS函數計算。編輯器中的許多元素包括調整大小的選項,如填充和邊距、字體大小等。選擇自定義選項還將允許您爲值輸入字段中的值的測量運行計算,這樣,您可以實現更高的設計準確性和響應支持。

作爲Elemento 3.0版本的一部分,以下大小控制將獲得自定義選項:

  • 容器、部分和列。任何可能的地方,包括自定義寬度、邊框等。
  • 排版控制。行高、字母間距和單詞間距。
  • 其他區域也將在未來更新。

4、基於容器的完整網站套件、模板和模塊

隨着Flexbox容器被標記爲測試版,使其穩定並隨時可用,爲您提供基於容器的完整網站工具包和模板非常重要。在過去的幾周裏,庫團隊致力於創建一箇完整的基於容器的庫,因此當啓用Flexbox容器實驗時,您可以使用最新的設計趨勢啓動您的網站創建和設計過程。

現在,當您在您的網站上激活Flexbox容器實驗時,您將擁有一箇全新的工具包和模板庫。這些更新還包括幾十個最受歡迎的完整網站工具包和頁面模板,它們已經從基於節的佈局轉換爲Flexbox容器,以及全新的網站工具包和頁面模板。

有了這個新的庫,還有兩個值得注意的更新。首先,Elemento推出了一些迷你商店,這是一箇單頁的完整網站套件,適用於電子商務網站,包括PyPl和收款條紋按鈕。第二種是前面所有的塊(如Contct,404等。)已經被全新的設計所取代。

5、倒計時小工具中的動態截止日期

倒計時部件是一箇創建FOMO和提高轉化率的偉大工具,現在在到期日有一箇動態標籤控件。有了這個更新,您將能夠使用原生的WodPess自定義字段,以及來自ACF的自定義字段,並在每個頁面上動態填充截止日期。

6、新功能:完全禁用谷歌字體

谷歌字體,一箇流行的在線字體庫,讓您可以在網站上使用各種字體。然而,在最近的事件中,谷歌字體被發現在某些情況下違反了GDPR和隱私條例。

爲了消除這種風險,Elemento允許您從網站上刪除所有谷歌字體。禁用Google字體時,您將無法在編輯器中使用在線Google字體庫,這將使編輯器中可用的字體數量減少到7種。如果您已經在網站上使用了Google字體,但選擇在此更新中禁用Google字體,則網站上的所有字體將默認爲網站上可用的字體之一。要繼續使用您喜歡的字體,您可以將本地託管的字體上傳到Elemento或使用自定義字體的Elemento Po用戶可以使用的功能。

7、性能和可訪問性改進

在Elemento 3.0中,我們繼續引入性能和可訪問性改進。此更新包括三個新的性能改進更新和兩個可訪問性改進更新,例如:

延遲加載谷歌地圖

Elemento的Google Mps widget允許您在網站上的任何地方放置地圖,當您想要與網站訪問者共享特定位置時,這是一箇完美的widget。有了這個更新,您將能夠延遲加載谷歌地圖ifmes,這加快了初始頁面加載。

延遲加載自定義大小的圖像

您所使用的圖片的大小會對網站的性能有很大的影響。在之前的更新中,Elemento增加了延遲加載幾乎所有上傳到媒體庫的圖片的功能。有了Elemento 3.0,你也可以延遲加載自定義大小的圖像。

控制自託管視頻預加載

與圖像類似,視頻也會影響網站的速度和性能,例如,自託管視頻通常比YouTube上託管的應用優化技術的視頻具有更大的影響。有了這個更新,而不是在初始頁面加載期間加載自託管視頻,您可以選擇是否要預加載視頻、視頻的元數據,或者在訪問者點擊播放之前不預加載其任何內容。

頁面導航的可訪問性改進

Block Quote小部件和Post Comments小部件是Elemento Po的兩個小部件,它們接收了標記更新,使使用輔助技術導航頁面的用戶更容易訪問它們。