Elementor是一款非常現代的頁面編輯器，作為2018年最流行的免費頁面編輯插件，它改變了WordPress建站的方式，讓我們可以無需代碼便能自己構建網頁
在本文中，我們將詳細介紹Elementor及其使用方法，以幫助大家決定是否應該使用Elementor作為默認的WordPress頁面構建工具
為什么推薦使用Elementor
我曾經使用過很多款可視化的編輯器，比如WPBakery、Visual Composer等，其中，Elementor在很多方面都是更加優秀的一款
- 現代、簡潔的編輯方式
- 免費版已經很好用
- Elementor支持中文，支持任何WordPress主題
- 輕量，即使Elementor Pro版本，安裝包總大小僅3MB
- 用戶數量非常多，僅WordPress插件中心就有100萬以上的活躍安裝
- 超過90%的五星好評
- 專業的開發和售后團隊
以上這些特點，已經足夠說服我們使用Elementor，並且它還在不斷的改進和增強，在WordPress中越來越流行
當然我們不能只根據這些外部因素判斷，真正實用的功能才是最重要的，接下來讓我們看一下Elementor有哪些特性和值得關注的地方
Elementor安裝
Elementor是免費使用的，我們可以隨時體驗，不管是免費版還是Pro版本，都需要先安裝Elementor，可直接在官網下載，Elementor免費下載，免費版本直接安裝即可；如果你購買了Pro版本，需要先安裝Elementor插件，然后再安裝Elementor Pro插件，即使之前已有免費版也可以無縫切換到Pro版本
注意：安裝Elementor的話一定要確保符合它的環境要求，否則可能會出現意外的錯誤
安裝好之后我們就會在文章或者頁面看到一個 “使用 Elementor 編輯” 的按鈕，點擊它就會進入到Elementor可視化編輯器
Elementor會為你准備2款模版，這里面有三種選擇：
- 默認模版：主題自帶的模版，一般會帶有主題的元素，常用在文章
- Elementor全寬：將內容部分設置為100%寬度，保留原主題頭部和底部
- Elementor畫布：純Elementor的模版，不包含任何其他元素，適合做專題頁面
注意布局要保存之后再開啟Elementor才會生效
Elementor用戶界面
和大多數的可視化頁面編輯器一樣，Elementor同樣采用了左側編輯欄，右側顯示網頁的布局，目前來說這種布局是最好的，容易編輯，也符合大多數用戶的使用習慣
使用Elementor編輯器，無需准備空白的模版，Elementor已經為你准備好了，在頁面布局中選擇畫布即可獲得全新的頁面，而且沒有那么多主題或者插件的要求，你可以在任何類型的WordPress主題中使用Elementor
用Elementor制作頁面時，你可以直接從頭開始編輯，自己設置每個元素樣式；或者調用模版，在模版基礎上進行修改替換，這樣完成頁面也是一種非常高效的方式，Elementor提供了各種模塊和100+的模版，不管是免費版還是Pro版本都可以調用演示，只不過Pro版本中可用模版更多
多樣化的列布局，你可以根據自己的需要選擇列的數量和樣式，然后拖拽元素填充到合適的位置，組成網站的頁面設計。
你可以將任何Elementor中包含的元素拖動到列中，比如圖片、文字段落、標題、列表、文章、按鈕、客戶評價、CTA、價格表等，每當你選擇不同的元素，左側都會自動切換成對應的選項，相比其他編輯器，Elementor元素的樣式和選項都是非常不錯的，不需要過多的設置便能設計出漂亮的頁面
Elementor編輯器功能以及體驗
判斷一個頁面編輯器是否好用，選項和功能是最關鍵的地方，下面我么看一下Elementor的編輯選項
Elementor實時編輯
首先最重要的一點，就是文字實時編輯，這個特征可以用來判斷一款頁面編輯器是否現代，以及有效率。Elementor是支持行內實時編輯的，而且它為我們准備了WordPress經典編輯器，你可以通過把編輯欄拉寬獲得更好的寫作體驗，就像在后台編輯一樣，唯一讓人有點不適應的就是如果你想在網頁中實時編輯，需要點擊2次才能把光標固定到聚焦在想要的位置
Elementor樣式設置
除了針對每個元素的關鍵選項外，Elementor還提供了高級樣式設置，你可以設置元素的背景、邊框、內外邊距、響應式、自定義CSS等，當然，根據每個元素的特點會有不同的選項
Elementor在工具的分布上，采用了Tab和Toggle結合的形式，即使有再多的選項也能輕松容納，這里的布局Elementor做的非常好，將有限的空間利用了起來，不像有些編輯器，體驗非常差，以前用過一款 CornerStone，編輯器非常擁擠，經常找不到自己想要使用的元素
方便的右鍵菜單
和其他頁面編輯器不同，Elementor獨有的支持了右鍵菜單，這是我非常喜歡的特性，用來選中什么多西非常方便
- 刪除元素更省事了，在沒有右鍵功能前，需要手動到最右邊找到小小的叉號，很費勁
- 選擇元素更方便了，當你點擊右鍵時，在右鍵菜單中會顯示當前選中的元素是Widget、列還是行，這樣在進行編輯操作時就很難出錯了
- 樣式拷貝，做類似設計時很有用
右鍵菜單真的是一個非常好的特性，如果說是什么讓我選擇Elementor，那右鍵菜單一定是非常重要的一項
Elementor快捷鍵
Elementor編輯器提供了非常多的快捷鍵，比如常用的復制、粘貼、歷史記錄，這些都可以在Elementor中快速使用，Elementor快捷鍵整理
響應式編輯
在制作復雜頁面時，可以使用Elementor的響應式編輯進行調整，包括PC、平板和手機端，三種設備的樣式不會互相影響，可以針對每種設備進行單獨優化
Elementor模版
為了讓我們能夠快速構建網頁，Elementor提供了模版功能，可以進行各種調用
自帶模塊
模塊模版，通常是一部分特定功能的部分，比如頭部、底部、倒計時、聯系表單、文章列表等，這些模塊大部分都為黑白樣式，容易搭配和修改，在主題編輯中很有用
頁面模版
頁面模版，整頁的模版，大部分都是不同風格，各行各業的網頁，可以直接修改，在Elementor中非常好的一點就是你可以同時加載多個頁面，這些頁面模版不會覆蓋之前的內容，這樣就可以通過刪減的方法將多個頁面的元素組合在一起
自定義模版
當我們自己制作了一些比較好的模版后，可以將其保存為自定義模版，當需要用到類似的模塊時，可以直接調用，而且自定義模版支持導入和導出，分享起來很方便。另外，你還可以通過第三方獲取Elementor模版，比如從Envato Elements的獲取模版
全局元素
Elementor很智能，如果你想保存一個元素，比如按鈕、文字，他會自動保存為全局元素
什么是Elementor全局元素呢？ 它可以在所有的頁面中使用，而且同一個元素的樣式都是相同的，並且默認情況下全局元素會被鎖定編輯，但是如果修改的話，所有的元素都會跟隨變化
對於需要較多自定義頁面的網站，全局元素在統一風格和一些重要數據的展示上非常有用
Elementor主題編輯(Theme Builder)
Elementor 2.0 新推出的主題編輯功能，讓其不再僅僅是一款頁面編輯器，而成為了主題構建器，使用Elementor你可以把主題完全更改，使用主題編輯功能，你會發現所有的操作都變得簡單了。你可以輕松地修改網站的頭部和底部、文章頁面、分類頁面、歸檔頁面等，然后將這些修改應用到某些頁面，甚至整個站點，無需任何代碼知識，具體的設置方法可以查看 Elementor Theme Builder教程
其他特性
Elementor除了基本的頁面編輯器功能外，還有很多非常有特色的功能
導航欄
Elementor新加入的一個特性，這個導航最大的作用就是你可以在上邊改變段的位置，避免了使用鼠標在頁面上長距離滾動拖動
幻燈片
Elementor Pro中提供了幻燈片工具，只需要簡單設置便能開始使用，如果你不需要比較炫酷的效果的話，Slider Revolution、LayerSlider之類的插件基本可以卸載了
側邊欄小工具
Elementor內置了一個側邊欄調用小工具，你可以用它來制作自己的側邊欄小工具，Elementor制作側邊欄小工具教程
維護模式
Elementor不僅可以一鍵開啟維護模式，而且你可以使用Elementor定制自己的專屬維護頁面，Elementor開啟維護模式教程
Elementor Pro
可能對於一般的頁面設計需求，免費版本的Elementor功能已經完全足夠了，那么我們有沒有必要升級高級版本呢，我們看一下Elementor Pro主要增加了哪些功能
- Pro模版，Elementor中很多內置模版需要Pro
- 更多的可用元素，不得不說Pro模版中有許多實用的功能，比如 文章列表、portfolio列表、幻燈片、聯系表單、客戶評價、CTA等
- 自定義CSS
- 全局元素
- 動態字段
- WooCommerce定制
- Elementor Theme Builder，讓你能夠制作主題模版
如果你需要上面列出的功能，那么我建議你購買Elementor Pro版本，使用起來非常方便，總體來說，提升還是非常大的，尤其是它的主題編輯功能，非常的強大，使用起來更簡單
Elementor Pro價格
- 單個站點授權，49美元
- 3個站點授權，99美元
- 無限站點授權，199美元
所有的套餐都包含一年的更新和支持，Elementor Pro續費的話有25%的折扣，當然也可以選擇取消續費，插件還可以繼續使用，只是沒有更新和支持
和其他的頁面編輯器相比，Elementor的使用范圍更廣，更加通用，不管你是普通的WordPress用戶，還是做商業性質的網站，都可以在Elementor中找到自己需要的功能，而且使用起來也靈活，可以快速構建，也可以針對一個模塊進行各種高級的設置以及自定義樣式
無論是免費版本還是Pro版本，Elementor都是非常強大的編輯器，它最大的作用是改變了WordPress的編輯習慣，有着多樣的設置和人性化的編輯體驗，不再需要專業和枯燥的代碼來修改頁面