iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0

Elementor 是一個廣受歡迎的 WordPress 頁面編輯器外掛程式,它能夠讓你輕鬆地自訂和設計你的網站頁面。以下是使用 Elementor 頁面編輯器的一般步驟:以下是使用 Elementor 頁面編輯器的詳細步驟,你可以根據你的需求自由運用這些功能,以建立符合你要求的網站頁面。

  1. 其他功能
    • Elementor 也提供了其他功能,如全站模板、動畫、視差效果、自訂 CSS、響應式設計等等,這些功能可以進一步增強你的頁面設計。
  2. 退出編輯器
    • 如果你希望退出 Elementor 編輯器,可以點擊左上角的「退出」按鈕,然後返回 WordPress 管理員介面。
  3. 儲存和發佈
    • 在 Elementor 編輯器的左上角,你可以找到「儲存草稿」按鈕,用來保存你的工作。
    • 當你滿意頁面的設計時,點擊「發佈」按鈕,將你的頁面保存或發佈到網站上。
  4. 檢視預覽
    • 隨時使用頂部的「預覽」按鈕來查看你的頁面外觀,以確保它看起來和運作正確。
  5. 調整樣式和佈局
    • 在右側的「設定」面板中,你可以找到多個選項,用來調整元素的樣式和佈局。這包括間距、邊框、背景色、字型、文字大小等等。
    • Elementor 提供了豐富的樣式設定,讓你能夠創建自己想要的外觀。
  6. 新增元素 (Widgets)
    • 在列中,你可以新增各種元素,這些元素被稱為小工具 (Widgets)。小工具可以是文字、圖像、按鈕、圖表等等。
    • 拖動小工具到列中,然後透過右側的「設定」面板來自訂它們。你可以更改文字、圖片、連結、顏色、尺寸等等。
  7. 新增列 (Columns)
    • 在區段中,你可以新增列,以分隔頁面上的內容。拖動「列」元素到區段中,然後可以設定列的寬度和間距。
  8. 新增區段 (Sections)
    • 你的頁面通常會分成不同的區段。在左側的「元素」面板中,你可以找到「區段」元素,並將其拖動到頁面上。
    • 區段可以包含一個或多個列,用於放置你的內容。
  9. 設定頁面佈局
    • 在 Elementor 編輯器中,你可以在頁面上方找到「設定」按鈕,這將允許你選擇全寬、內容寬度或默認佈局。
    • 你還可以設定頁面的背景色或圖片,以及其他佈局選項。

上一篇
Day 22 - 使用Elementor 頁面編輯器(上)
下一篇
Day 24- 串接金流和物流服務
系列文
菜鳥行銷PM教你30天用Wordpress成為個性化網站大師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言