Elementor

我們是最早使用Elementor編輯器的網站之一，在過去的幾年時間裡，這款外掛經歷了令人難以置信的增長，現在已經擁有超過500萬次活躍安裝，開發團隊仍然在繼續推出大量出色的新功能。

除了使用包含在WordPress中的工具和模板之外，Elementor旨在幫助你建立不同的東西，在同一個頁面中即時展示你的最新設計成果。這個外掛不需要你掌握任何HTML或CSS編碼知識，很容易與任何主題配隊，並附帶一些有用的導航和選單，使其非常容易上手。

Elementor概述

Elementor是一款拖放式頁面編輯器外掛，這意味著幾件事：

• 與WordPress主題隨附的標準文章/頁面模板相比，Elementor可以讓你建立獨特的原始文章和頁面
• 你將獲得一個獨立介面來處理文章和頁面，你的大部分工作都不會在WordPress附帶的標準塊編輯器中進行
• 你不需要擁有任何HTML/CSS/PHP/編碼技能，所有操作都能透過一個簡潔的使用者介面完成
• Elementor適用於網站的前端，它會以真正所見即所得的方式向你展示工作成果
• 你可以建立任何內容佈局或頁面佈局，無論當前的WordPress主題有哪些限制
• 最重要的是，它適用於所有WordPress主題，因此你可以保留當前的設計，並仍然獲得Elementor的所有好處

總而言之，使用Elementor可以建立令人印象深刻的頁面佈局，即使你不是專業人士，也沒有任何建站經驗。如果你的預算比較緊張，並且不想僱用其他人來處理網站，這一點尤其重要。

Elementor的功能和優勢

開箱即用，Elementor配備一些有用的元素：

• 主頁面構建
• 超過90個元素/模組可供選擇：影像、標題、按鈕、輪播、計數器、進度條、客戶推薦等等
• 大多數工作都可以透過拖放進行，將任何元素拖到螢幕上，然後將其移動到新位置
• 所見即所得，你在操作介面中看到的頁面版本正是訪客將看到的（與使用HTML和CSS的老派方式不同）
• 所有頁面都採用移動響應設計，並且針對SEO進行最佳化
• 有一個可以匯入和修改的預設模板庫，目前包含150多個免費模板和300多個專業模板
• 如果購買Elementor專業版，則可以使用主題編輯器功能，以便修改主題的核心元素，例如頁首、頁尾、部落格檔案、單個文章模板
• 全新的WooCommerce Builder模組，允許你重新設計所有WooCommerce頁面，例如單個產品或產品分類

正如前文所述，這款外掛的核心功能是允許你自由構建、調整和修改頁面，然後即時檢視結果。即時預覽意味著你不必瞭解頁面在釋出時會是什麼樣子，而這正是WordPress標準編輯器高度依賴的場景。

Elementor允許你利用豐富的內建模組（超過90個），你可以將它們放在頁面上的任何位置，然後利用拖放操作重新進行排列。可用的元素包括標題、影像、段落、影片、按鈕、分隔符、間隔符、圖示、圖庫/輪播、計數器、客戶推薦、社交媒體圖示、短程式碼等等，此外，你可以使用WordPress網站上已有的任何小部件。

除此之外，你還可以訪問元素設定，以更改背景、邊距、填充、顏色、字型等引數。最重要的是，Elementor提供完整的修訂歷史記錄，這意味著你可以將頁面恢復到先前的版本，以防萬一搞砸而不知道如何修復。

使用Elementor，你可以完全控制頁面在桌面、平板電腦和移動裝置上的顯示外觀。透過這些小開關，你可以在各種裝置之間來回切換，並精確調整細節，使頁面在任何地方看起來都很棒。

價格

為了保持這篇測評的真實性，我們應該提到還有一個專業版，但是，你並不需要它來享受Elementor 90%的精彩！主要外掛可以透過WordPress官方目錄獲得，無需支付任何隱藏費用。

關於專業版，則包含一些高階使用者喜歡的東西：

• 50多個額外的元素/模組
• 300多個附加頁面模板
• 主題編輯器，允許你更改當前主題的頁首和頁尾
• WooCommerce Builder，允許你重建WooCommerce產品頁面的模組
• 彈出視窗編輯器，讓你可以構建彈出視窗，並將它們與訂閱表單或優惠活動整合
• 視覺化表單編輯器，與流行的營銷工具整合
• 允許你建立全域性小部件，然後在整個站點中重複使用
• 將自定義元素新增到任何Elementor模組中
• 在側邊欄和小部件中部署Elementor模組

以下是Elementor付費版的定價表：

這是年度訂閱套餐，因此只要你保持續費，就能夠一直獲得24/7的專業支援和軟體更新。所有定價計劃都享受30天退款保證，沒有任何附加條件。

使用Elementor

本質上，Elementor是一個WordPress外掛，只是稍微高階一點。為了讓它正常執行，你需要安裝並激活，就像任何其他外掛一樣。之後，你可以訪問一個設定面板，但這並非強制性的。你也可以直接前往文章選單，建立一篇新文章，然後就會看到使用Elementor編輯按鈕：

點選使用Elementor編輯按鈕後，你將看到Elementor的操作介面：

1. 主畫布，你可以在這裡放置內容，並對其進行調整
2. 所有可用的元素
3. 訪問Elementor的設定，顏色、字型、樣式等
4. 返回Elementor元素面板
5. 當前頁面的全域性設定
6. 顯示頁面上所有元素的概覽
7. 當前頁面的修訂歷史
8. 響應模式，切換各個裝置進行檢視：桌上型電腦、平板電腦、智慧手機
9. 預覽更改
10. 釋出頁面

為了使用Elementor構建基本頁面，你首先需要了解頁面的層次結構：

• 一個頁面可以包含任意數量的分割槽
• 每個分割槽可以有一個或多個列
• 每個列可以容納一個或多個元素
• 每個元素都可以單獨設定樣式

我們可以得到：頁面→分割槽→列→內容→樣式。

首先，你可以新增一個空白分割槽，或者現成的預設模板：

在這個新分割槽中，你可以新增列，然後從側邊欄中拖放一些內容元素來填充列，當然，你也可以透過拖放重新排列分割槽和元素。設定好元素後，你可以點選以調整內容和細節，為此有三個主要的選項卡：內容、樣式和高階設定。

就像這樣，你可以逐個處理單個元素，直到準備好整個頁面。

總體而言，Elementor非常容易上手，操作也很直觀，一旦你掌握好頁面的層次結構，並瞭解所有的內容元素後，建立一個頁面就會變得非常有趣，特別是當你開始使用一些更高階的功能時，例如：

• 設定元素的Z索引，將特定模組放在其他模組的上層
• 自定義元素的懸停狀態，根據游標位置改變它們的顯示外觀
• 設定各個元素的動作效果：滾動、浮動、固定
• 設定分割槽之間的過渡

預設模板

Elementor的設計能力令人印象深刻，他們還提供大量預設模板：免費版包含150多個，專業版包含300多個。如果這還不夠，你還可以獲得所謂的Elementor Kits —— 一系列模板的集合，它們都遵循相同的美學設計，可以幫助你製作出一個完整、一致的網站。

模板庫具有各種用於不同目的的通用頁面：關於我們、聯絡我們、網站首頁、登入頁面、作品集、團隊頁面等等，並允許你按關鍵字進行搜尋：

你不僅可以將模板匯入到網站中，還能對其進行自由調整，直到獲得理想的效果。最後，你可以將自己的任何頁面儲存為模板，然後在另一個頁面上重複使用，或者在網路上與社群公開分享。

Elementor最適合的群體

在撰寫這篇文章時，我們對Elementor印象深刻，儘管我們已經使用過所有主要的排版外掛，但是一直以來，我們都會將其作為首選的可靠解決方案。

這是最容易掌握的頁面編輯器，也是免費版包含最多功能的編輯器。從本質上講，對於任何想要自己建立精美頁面，而缺乏編碼技能、HTML或Elementor知識的人來說，這都是一個完美的DIY解決方案。

此外，如果你對WordPress預設編輯器允許執行的操作感到有些限制，Elementor也會派上用場。如果你正在努力將內容放在自己想要的位置，使列對齊或以特定方式新增影像，Elementor也會幫助你完成所有這些。

歸根結底，Elementor適合所有希望創建出漂亮頁面的人。

總結

儘管高階頁面編輯器市場一直在高速增長，但Elementor的兩個主要競爭對手似乎仍然保持不變 —— Divi Builder和Beaver Builder，對於許多人來說，選擇頁面編輯器歸結為在這三者之間做出決定。

這三個工具都很出色，它們絕對是頁面編輯器領域的頂級聯盟。但是與此同時，沒有一個產品能夠在所有方面比競爭對手更好，最終，無論你使用Elementor、Divi，還是Beaver，都取決於個人喜好。

我想要...

• 在家裡賺錢
• 在網上賺錢
• 在網上賣東西
• 成為一名自由職業者

---