【原來用Elementor編輯器建網站可以很輕鬆】｜小白都能使用的Wordpress編輯器-Elementor

文章最後一次由  min_min 更新於 26/12/2021

自己建站很困難，需要很多程序和步驟，學了很多課程還是模不著頭腦？你在建站的過程中有這樣的煩惱嗎？如果你想知道為什麼用 Elementor 編輯器建網站很輕鬆，小白都能使用，那你就來對地方了！

曾經的我也和你一樣，花錢拿了課程但很多東西都還是很模糊。網上雖然有很多關於Elementor的免費教學，但是自己上手操作的時候才發現到自己做出來的跟網上的教學不一樣！

比如說圖片的大小調整不到，圖片的寬度沒辦法做出和你看到的網站一樣美觀，圖片的字體不協調等等等之類的瑣碎事情，弄到沒有心情繼續製作網站。

直到我遇到最全面的多用途主題Kata Theme，這些問題都一一解決了。為什麼呢？因為Kata Theme創造了能和Elementor同步使用的功能，之前在elementor不能更改的東西現在都不是問題了。

如果你想要更了解Elementor的使用方法，可以點擊這裡觀看我的影片教學WordPress編輯器Elementor的入門技能：零基礎打造令人驚豔的網站

我想說的是如果你想要輕鬆的把網站建立出來，除了需要選擇適合的編輯器，選擇主題這方面也很重要了。因為當選擇的主題能和Elementor的功能結合在一起時，你就會發現時間省了很多，內容的產出也更多了。

廢話不多說，我馬上和你分享免費版Elementor的另外一面。我會用Kata Theme讓你看到明顯的差異。

Elementor編輯器的基本介紹

Elementor 是wordpress眾多編輯器當中非常經典的編輯器。它是以拖拉式的方式進行操作的。

簡單的說法是不需要擁有程序碼的知識，就可以使用這款編輯器來建立網站。

雖然說起來好像很簡單，當中還是有很多細節是我們需要注意的。比如說圖片的大小，可能你想要的呈現方式是全屏的，但是對於新手的你可能會找不到設定圖片的地方，這裡為你演示調整圖片大小的方法。

安裝Elementor編輯器的方法

Elementor編輯器是Wordpress內置的其中一個外掛，所以我們可以直接在Wordpress的工具欄選擇外掛，然後點擊安裝外掛，在關鍵字的欄位寫上 Elementor 就可以了。如下圖所示。

Elementor編輯器的重要設定

在安裝完成及啟用之後，工具欄會出現 Elementor 的圖標，點擊選擇設定。在這裡必需先設定好我們的內容類型，可以依自己的個人喜好做設定。大致上我們會建議勾選文章，頁面及Landing page。某些高級主題會有更多的選項。

最重要的是，在預設顏色和預設字型型的欄位不建議勾選，因為這樣我們才能在不同的頁面選用不同的顏色和字型。設定好之後記得儲存設定就可以了。如下圖所示。

Elementor免費版，Kata Plus，Kata Pro的區別

Elementor 的免費版雖然功能不是很全面，但是對於還是新手的大家可以說是綽綽有餘了。這款編輯器很適合用來建立單頁的網頁，例如Landing Page。

基本的操作如嵌入logo，設定標題，更改標題的字體大小，更改標題的顏色，文字內容的排序都可以使用Elementor進行操作。

如果說你是進階的Wordpress使用者，那你在操作Elementor時會更加的得心應手。怎麼說呢？

我在上文有提到我將會使用Kata Theme為你演示Elementor基礎款和結合了適當主題之後的差異。現在就為你揭秘。

當Kata Theme +Elementor的一起使用時，你會發現功能多了很多。先让你看看普通的elementor頁面，再和你分享使用了Kata Theme之後的Elementor頁面。(kata plus+kata pro)

👆左圖是使用Wordpress內置佈景主題Astra的Elementor功能截圖。右圖是使用Kata Theme高級主題之後的Elementor操作介面。同樣是Elementor編輯器，但是功能的差異還是很明顯的。

Elementor專業版和 Kata Pro的圖片

👆左圖顯示的是Elementor專業版的截圖，從圖片當中我們可以看到這些功能是有鎖頭標誌的，這就表示我們需要付費才可以開啟這些功能。右圖的是Kata Pro截圖,這個功能是在我們下載Kata Theme之後就能使用的外掛。Kata Theme 是wordpress少數結合了Elementor附加功能的佈景主題。

帶你熟悉Elementor的基本操作

–嵌入圖片

–調整圖片的寬度

–調整圖片的大小

–更改圖片背景顏色

–更改圖片字體顏色

👆上圖演示的是如何嵌入圖片，調整圖片寬度，高度的截圖。下圖演示的是進階的調整，我們可以在這裡加入每一個段落的背景顏色，邊框及框線。

帶你認識Elementor免费版的全部功能

• 標題
• 影音
• 分割線
• 基本圖庫
• 客戶見證
• Google 地图

👆Elementor 免費版的功能分為兩個板塊，基本版和一般。想要使用哪一個板塊或工具，只需點擊Elementor的+號，再以拖拉式的方式拖到右邊的工作欄位就可以了，非常方便。

帶你看免費版的Elementor结合了Kata Theme的進階操作

• 標題更改
• 圖片更改
• 插入部落格文章的頁面
• 嵌入價錢報價表
• 產品目錄表

👆免費版的Elementor在結合了Kata Theme之後，整體的功能都大大提升了。可以說是一物多用的概念，想要了解更多有關Kata Theme的進階功能，可以參考關於Kata Theme的文章。

嘗試使用以上的方法建立屬於你的網站頁面

按照以上的方法，大家肯定可以輕鬆的製作出只屬於自己的網站頁面。大家可以隨心所欲的點擊想要建立的區塊，並且根據自己的喜好作出更改。

每一個人的設計風格都不同，自己的感覺是最獨特的。希望這邊文章能讓大家不再恐懼使用Elementor。讓 Elementor 幫我們省下更多的時間和金錢。

那我就先分享到這邊啦，未來有需要我也會回來更新內容。

如果在使用Elementor的過程中,有遇到任何的問題，都歡迎留言讓我知道。能力所及的範圍內，我都很願意為大家解答的。

一起互相交流學習吧！

如果你覺得本篇文章很有幫助，請不要吝嗇分享給你身邊有需要的朋友哦😉