前言

Elementor編輯器，在了解它的基本用法後，這些是基本功要摸熟，後面進度才有辦法跟頁面設計、文章模版設計做配合。

這邊列出未來在設計任何頁面或版型時的基本起手動作。

整理1 : Container容器的起手式

(1)全寬與100%

版面配置中，

• 內容寬度 : 全寬
• 寬度 :100 %

(2)Gap:歸0

『Gaps』，是當位在Container容器內部中，所有的元素與元素之間的預設間距或是「我與同一容器中隔壁鄰居」的預設間距，一般會先歸0。

(3)外距內距歸0

Container/進階之外距內距歸0，

即邊界、邊框間距，先點迴紋針後都填0。

為何建立一個容器Container時要做一堆的歸0，是為了避免不必要的間隙，後續再視情況設定適當的給值。

整理2 : 頁面切版的起手式(從大容器包小容器開始)

至少先

• 外層Container容器全寬100% 包一個 內層Container容器全寬80%(或1100 px) 

  

• 在外層Container容器設定水平與垂直置中。
• 再去從內層小容器細切想要的版型與設定排列方式。

整理3 : 所有的排列方向或對齊，都是從「上一層容器」去處理

切版後，會有外容器包內容層器或包元素，只要是「同一層」中的所有元素的水平或垂直排列、或置左、置中、置右之對齊，都是找上一層容器去做設定。

只有少數元素工具也會有自己的對齊功能，例如「按鈕、標題、內容編輯器、選單」，但因容器中可能不只一個元素存在，故對齊的設定我們會統一從「上一層容器」去做設定較為方便。