25 4 月

WordPress教學|最多人使用的Elementor 編輯器與基礎入門

在用WordPress架網站的時候,外掛軟體是不可或缺的一項程式,但在眾多外掛軟體究竟要怎麼選擇適合的外掛呢?答案很簡單就是要看你的需求,如果是金流物流等電子商務系統,肯定要裝設WooCommerce,如果是數據分析的話,肯定要裝設Google Anayltics外掛,而如果是要製作美麗的外觀網頁,那就絕對少不了Elementor

Elementor是什麼?

Elementor是全球最多人使用的WordPress系統中頁面編輯器外掛,全球已經超過500萬次的下載數量,且數字持續增加當中,基本上可以與所有佈景主題、外掛相容。使用Elementor最大的便利性就是,不需要撰寫程式只需要用拖曳的方式,就可以將網頁製作成客製化的網頁,對於完全不會又想要製作網站的新手,是非常好上手的一個頁面編輯器外掛。

Elementor的優點

1.視覺化編輯頁面:

這也是Elementor最棒的地方,直接用拖曳的方式就可以修改網頁的佈局,可以向簡報一樣輕鬆的編輯頁面。

2.大量的範本且持續增加:

不會設計網頁沒關係,Elementor也有設置非常多款設計好的頁面,可以用這些頁面來去更改。

3.非常多擴充的外掛:

也有很多廠商額外製作相容於Elementor的擴充元素,可以讓整個網頁更加的豐富。

除了上述的優點之外,還有其他更多很棒的優點,例如官方提供基礎免費版本、支援中文化頁面,也可以增加動畫進去,還開CSS原始碼,懂程式的人員也可以在上面更客製化內容,整體來說是一個非常強大又好用的頁面編輯器外掛。

Elementor安裝與基本設定

Step1

先到外掛>安裝外掛>搜尋Elementor,基本版本是完全免費的,所以可以安心下載,同時也可以看到一些其他與Elementor相關的擴充外掛,若是不知道好不好用可以直接看評價來判斷,大多數評價越多代表越多人使用,也越好用。

Step2

安裝完成後,點選啟用即可,若是找不到的話也可以點選外掛>已安裝的外掛>找到Elementor按啟用。

Step3

點選左邊Elementor>設定,這邊可以看到有很多功能可以設置,一般來說都用預設是最快速的,但想要追求完美的讀者,可以隨心所欲地調整自己想要的佈局,而其中最常見的就是先將「字型」調整,把「禁用預設字型」打勾,這將網站才會看起來有一致性。

安裝與設定完成後就可以開始正式來使用編輯器了。

Elementor基本版介紹

點選使用編輯後,大概分成三個區塊。

1.內容編輯區,也就是所謂的網頁顯示區塊,可以將想要的元素/小工具拖曳進去。

2.元素/小工具區,這裡的小工具每一個都很好用,可以放置圖片、影片,還可以製作標題跟內文,搭配一些進階的間距調整,可以組合成很有藝術感的網頁

3.工具列,可以切換響應模式(RWD),儲存以及頁面佈局設定..等等比較偏向整個頁面結構的一些設定。

Elementor好用在於這些工具與設定,都是可以直覺式的調整,直接用拖曳的方式就可以把想要設置的區塊調整好,並且隨時可以切換響應模式而做細部調整,比起一些外掛軟體要用「短碼」的方式來說,是非常好用上手的一套編輯器。

除此之外,Elementor還有一個值得推薦的地方就是,擁有非常多的範例頁面。

Elementor範例頁面

點選內容編輯器的資料夾的icon,裡面有非常多不同種的現成樣板可以選擇,如果一開始對於排版沒有概念,可以透過這裡來發掘想法,而且這樣板不只能套用一個,可以同時間套用非常多款,也就是說可以將ABC範例頁面調整,加入一些自己想法,將不需要的的刪除或調整大小、顏色等等,就可以擁有一個全新的頁面囉!

挑選喜歡的樣板,點選「插入」即可以套入進去。

結語

以上就是Elementor一些簡單的介紹,大部分基礎的設定都可以在免費版本中取得到,若是想要再更美化一些,可以選擇購買進階版本,而戰國策這邊限時優惠,只要是使用戰國策主機服務,就免費贈送Elementor進階版本,讓你在架設WordPress網站同時,也取得最好用的外掛Elementor進階版,可以更有效率的把你的網站做得更加精美!

戰國策全系列商品輸入「mkt-c7707」立即85折

WordPress全系列商品輸入「mkt-c7708」立即折1,000

Share this