Elementor 3.6 回顧：新功能和改進

你試過 Elementor 3.6 了嗎？

或者你在等待一個 好的Elementor 3.6 評論讓你下定決心？

好吧，如果你是，你的等待就結束了！

因為在本文中，您將詳細了解 Elementor 3.6 的所有新功能添加和改進。

Elementor 3.6 旨在幫助您建立提升品牌形象的網站。 因此，它主要關注有助於創建像素完美的設備響應設計的功能，這些設計加載速度更快，以便您的用戶獲得最佳購物體驗。

除了新功能外，您還將獲得新的 WooCommerce 小部件，以改善您在 Elementor 網站上的購物體驗。

但是，它是一個實驗版本，因此您不必立即切換到 Elementor 3.6。 您可以嘗試新功能，然後根據需要逐步切換。

但是為此，您需要知道Elementor 3.6 的功能和改進是什麼，對嗎？

所以，讓我們切入正題，繼續對 Elementor 3.6 的評論……

Elementor 3.6 的新功能和改進

我試圖包含最新 Elementor 必須提供的所有主要功能和改進。 閱讀博客以了解有關這些功能的更多詳細信息。

Flexbox 容器介紹

Elementor 3.6 引入了一種新的佈局結構，如 CSS flexbox 容器。 有了 flexbox 容器，就不再需要內部部分了！

您可以將小部件直接添加到容器中，也可以在容器中添加容器以創建行和列。 您可以自定義容器的方向以變成行或列。

這種容器佈局將確保像素完美的響應式設計。 此外，flexbox 容器使用更優化的 DOM 輸出，這將顯著提高網站的性能。

如果您擔心如何將當前的節列結構化 Elementor 站點轉換為新的 flexbox 容器結構，請不要擔心。

因為 Elementor 3.6 在頁面/帖子設置下帶有一個易於使用的轉換器選項。 您只需單擊轉換按鈕/選項並擁有頁面的 flexbox 容器版本，而無需進行任何額外的拖放操作。

新的導入/導出功能

Elementor 3.6 在導出和導入方面為您提供了新功能，這將使網頁設計比以往更快。

想知道怎麼做？
嗯，新版本的 Elementor 帶有Import-Export Template Kit功能，它使您不僅可以將內容、站點設置和模板導入，還可以將整個網站工具包導入另一個網站。

因此，您現在只需單擊幾下即可將網站與 Elementor 和 Elementor Pro 一起使用的所有插件（例如 WooCommerce）導出/導入到另一個站點。 您還可以選擇要導入的插件和設置。

這個新功能的另一個好處是您可以導入網站的所有動態鏈接和引用。 您還可以查看您在屏幕上選擇的所有插件、設置等的摘要版本。

帶有預加載器的頁面轉換

是的！ 現在，您不需要任何額外的插件即可將預加載器添加到您的 Elementor 站點。 Elementor 3.6 提供了使用預加載器創建您自己的個性化頁面過渡的選項，該預加載器反映和推廣您的品牌，同時為您的用戶提供更好的體驗。

您可以在站點設置下找到頁面轉換設置。 您可以自定義背景顏色、文字顏色和入口動畫。 您還可以選擇圖像、文本、動畫等預加載器類型以及預加載器延遲時間和時間設置。

重新排列全局顏色和字體

有些人可能認為這個添加不是非常重要的。 但是，如果您是一個完美主義者，並且喜歡有條理的工作方式，則此功能可以使您的網頁設計過程更加輕鬆。

現在，您可以重新組織全局字體和顏色。 您可以重新組織全局系統顏色和自定義顏色的順序。 但是，您只能刪除自定義顏色。 同樣，您可以重新組織全局字體並刪除自定義字體，而不是系統字體。

小部件添加和改進

如果您正在等待新的 WooCommerce 小部件來提升客戶的購物體驗，那麼您會很高興知道添加了兩個新小部件以及添加到購物車小部件的新改進佈局。

購買摘要小部件：

使用此 WooCommerce 小部件，您可以創建和自定義訂單確認頁面。 在這裡您可以自定義確認信息、付款詳情、銀行詳情、下載、購買摘要、賬單詳情等。

WooCommerce 通知小部件：

使用此小部件，您可以在 WooCommerce 頁面的標題上顯示自定義通知。 此小部件將覆蓋任何默認的 WooCommerce 通知。 您可以從站點設置中添加和自定義不同的 WooCommerce 通知。

新添加到購物車小部件佈局：

現在，您將為 Elementor 添加到購物車小部件獲得新的佈局選項。 三種佈局是自動、內聯或堆疊。 這樣，您將擁有更多控制權來增強“添加到購物車”部分的外觀。

性能改進

與每個新版本一樣，這個新的 Elementor 版本也改進了許多功能，以提高您網站的整體性能。 這一次，添加了一個延遲加載是重頭戲。

使用延遲加載功能，與早期版本不同，現在您的整個網站內容不會同時加載。 相反，它只會加載用戶立即可見的部分。 其餘內容將在用戶向下滾動時加載。

這種延遲加載將適用於您網站所有部分的輪播小部件和背景幻燈片功能。 結果，您將看到性能改進的巨大飛躍。

事實上，你會驚訝地發現，在新版本中， CSS 從 137kb 減少到了 11kb。 是的，差別是 126kb！

此外， 'elementor-section-wrap' 已被刪除以最小化 DOM 輸出，因為優化的 DOM 輸出將為您提供更好的網站加載速度。

ElementsKit 是否與 Elementor 3.6 兼容？

是的。 ElementsKit 與 Elementor 3.6 完全兼容

因此，那些喜歡使用 ElementsKit 來構建和自定義 Elementor 網站的人無需擔心。

我們的開發人員和質量保證團隊已經使用我們最新的 ElementsKit 版本測試了 Elementor 3.6，我們可以向您保證沒有衝突。

但是，如果您在開始使用 Elementor 3.6 後對您網站的 ElementsKit 有任何問題，您可以 聯繫我們的支持團隊。

如果您對使用 Elementor 3.6 感到興奮並正在尋找一個附加組件來添加更多功能而不必面對任何錯誤或錯誤，那麼您一定可以嘗試 ElementsKit – Elementor 的終極插件。

它有85 多個小部件和模塊，目前使超過 50 萬用戶的 Web 開發工作更加富有成效。 它將是您的 Elementor 網頁設計工具箱的完美補充。

最後的話

嗯，就是這樣！ Elementor 3.6 看起來令人印象深刻，不是嗎？

雖然一開始切換到 flexbox 容器似乎有點令人生畏，但 Elementor 提供的轉換過程非常好。

老實說，添加延遲加載是我最喜歡的，因為它會極大地提高網站的加載速度，這在用戶體驗和保持低跳出率方面是不可協商的。

我建議您先在臨時站點上嘗試所有內容。 如果您對結果感到滿意，請將其移至您的真實域。

我希望你覺得這個博客有用。 請在評論框中分享您個人最喜歡的新功能。