WordPress 的區塊編輯器(Gutenberg)提供了靈活的版面配置選項,以下是主要配置方法:
基本區塊布局
添加區塊:點擊”+”按鈕或按”/”鍵快速插入區塊
常用內容區塊:
段落(Paragraph)
標題(Heading)
圖像(Image)
畫廊(Gallery)
列表(List)
引用(Quote)
布局區塊
組區塊(Group):將多個區塊組合在一起統一設置樣式
列區塊(Columns):創建多列布局
可選擇預設列比例(如50/50, 30/70等)
每列內可添加其他內容區塊
媒體與文字(Media & Text):并排顯示圖像和文本
分隔線(Separator):用于內容分區
高級布局技巧
間距控制:
使用”間距”設置調整區塊上下邊距
組區塊內可設置內邊距(padding)
寬度控制:
全寬(Full Width)和寬版(Wide Width)選項
某些主題支持自定義內容寬度
重用區塊:
將常用布局保存為可重用區塊
可在全站范圍內重復使用
區塊樣式設置
顏色設置:
文本顏色
背景顏色(支持組區塊背景)
排版設置:
字體大小
行高
字母間距
高級CSS:
可為區塊添加額外CSS類
通過自定義CSS進一步調整樣式
響應式設計
列區塊在移動設備上會自動堆疊
可使用插件增強響應式控制
預覽不同設備視圖(通過編輯器工具欄)
推薦插件增強布局
Kadence Blocks – 提供更多布局選項
GenerateBlocks – 輕量級布局控制
Stackable – 預制精美布局模板
原文
http://www.chudafu.com/jianzhan/7731.html