Elementor教學-編輯區塊的欄/段及小部件

使用Elementor編制Wordpress網站,你必須知道為何Elementor的可設置性那麼高。

現為大家提供一個詳盡的教學,如何靈活使用Elementor的欄/段及小部件,去編輯美觀頁面。

新增區塊段及欄,段,小部件格式與設計

步驟一:

首先你可按” + “的圖案去加入一個區塊” 段 “

步驟二:

選取新增區塊的架構

步驟三:

可按下圖紅圈內的圖示,之後你便可以開始設置整個區塊的格式了

新增後你會看到兩個淺藍色外框及黑色虛線框
Elementor靈活性高的精髓就是在此,因為你可單獨編輯圖內三個的區域

區塊的格式與設計

主要會分為三大類:

1.佈局

2.樣式

3.進階

1.佈局

主要的設定是區塊段高度,闊度高度及間距,設定螢幕適應等等,另外你更可為區塊段標籤一些HTML的屬性,如header,footer這些屬性

2.樣式

這是其一個區塊段最主要的設計功能,可分為四項設置:

  • 背景

  • 邊線

  • 刑狀分隔線

  • 排版

以下落黎我會用影片去演示以便理解

背景-編輯操作

邊線-編輯操作

刑狀分隔線-編輯操作

排版-編輯

3.進階

進階方面,主要功能共分為5個選項:

  • 進階
  • Moiton Effecfs
  • 背景
  • Custom Positioning
  • 響應(不同裝置上展示)

以下也會用影片去提供功能參考:

區塊進階功能編輯操作

如還有什麼疑問可在下方留言給我,你更可在以下連結獲取Elementor PRO獲得有功能。

發佈留言