目錄
Elementor教學：WordPress最得力頁面編輯器
如果你正在計畫建立一個個人部落格、企業網站或者電子商務平台，但對網頁設計和程式碼一竅不通，別擔心！WordPress外掛Elementor將會是你的得力助手。Elementor是一個直覺、強大且易於使用的頁面建構工具，它能夠幫助你在WordPress上輕鬆打造出專屬於自己的網站。本篇文章將帶領你認識Elementor的基礎使用，讓你快速掌握如何編輯、自訂及佈局你的網頁內容。
第一部分：安裝Elementor外掛
首先，在使用Elementor前，你必須確保你的WordPress網站已經安裝並啟用了Elementor外掛。
以下是安裝Elementor的步驟：
步驟1：登入WordPress後台
前往你的WordPress網站，輸入你的登入帳號和密碼，登入後台。
步驟2：導航到外掛選單
在後台左側選單中，找到「外掛」選項，並點擊「安裝外掛」。
步驟3：搜尋Elementor
在「安裝外掛」頁面的右上角搜尋欄位輸入「Elementor」，然後點擊「安裝」。
第二部分：使用Elementor建構網頁
現在，Elementor已經安裝並啟用，接下來我們將學習如何使用Elementor建構網頁。
步驟1：創建新頁面
在WordPress後台左側選單中，選擇「頁面」，然後點擊「新增」建立一個新頁面。輸入頁面標題，例如「首頁」。
步驟2：進入Elementor建構界面
在頁面內容編輯區塊，點擊「使用Elementor」按鈕，進入Elementor的建構界面。
步驟3：探索Elementor界面
Elementor建構界面由三個主要區塊組成：左側面板、中間編輯區域和右側面板。
【左側面板】這裡是你可以從中拖拽元件（Widget）到編輯區域的地方。Elementor提供了各種元件，如文字、圖片、按鈕、分隔線等，可以幫助你建構網頁的各個部分，A：設定、B：元素、C：顯示區、D：底部設定欄位。
【中間編輯區域】這裡是你可以直接編輯和自訂已添加元件的地方。你可以在這裡調整文字、更改圖片、調整佈局等。
【 右側面板】這裡是你可以調整元件和頁面設定的地方。你可以更改元件的外觀、添加動畫效果以及設定頁面的背景等。
步驟4：拖放元件
從左側面板拖拽你想要添加的元件到中間編輯區域。例如，你可以拖放文字元件並在其中輸入你想顯示的文字，或者拖放圖片元件並上傳你的圖片。
步驟5：自訂元件
在中間編輯區域選擇你剛剛添加的元件，右側面板將顯示相關設定。你可以自訂元件的字型、顏色、大小等。此外，你還可以通過拖動元件來重新排列它們的位置。
步驟6：儲存和預覽
完成編輯後，點擊左上角的「更新」按鈕來儲存你的頁面。然後，點擊「預覽」按鈕來查看你的網頁外觀。
第三部分：使用範本快速建立頁面
Elementor還提供了大量現成的範本，可以幫助你快速建立網頁。這些範本涵蓋了不同類型的網頁，例如首頁、聯絡我們、關於我們等。使用範本可以節省大量時間，讓你快速搭建出專業的網頁。
步驟1：選擇範本
在Elementor建構界面的左下角，你可以看到「範本」按鈕，點擊它來訪問範本庫。
步驟2：瀏覽範本
在範本庫中，你可以瀏覽各種範本。當你找到一個你喜歡的範本時，點擊它來預覽。
步驟3：應用範本
預覽範本後，如果你決定使用它，點擊「插入」按鈕，Elementor將自動套用範本到你的頁面。
結論：
在本文中，我們介紹了如何安裝Elementor外掛並使用它來建構自己的網頁。Elementor的直覺操作和豐富的功能使得建立專屬網站變得輕鬆有趣。你可以透過拖放元件和自訂設定來打造獨特的網頁內容，也可以使用範本快速上手建立各種類型的頁面。開始使用Elementor，讓你的網站更具吸引力和效能！
