樣式與模板部件
在 WordPress 和區塊編輯器中,樣式和模板部件是自訂線上商店版面配置和設計的有用工具,同時避免需要一遍又一遍地建立相同的設計。
樣式是可以輕鬆插入頁面和文章的預先設計部分。樣式可以是同步或獨立(非同步)的,在網站上的使用方式上提供靈活性。
另一方面,模板部件是始終同步的可重複使用組件,確保在所有實作位置的一致性。樣式和模板部件都儲存在單獨的群組中,可透過不同的選擇介面存取。
樣式
區塊樣式是組合的區塊群組,建立可重複使用的版面配置。可以重複使用區塊樣式並將它們放置在編輯器中的任何位置。WooCommerce 還附帶各種預建樣式,可用於快速開始頁面和模板設計。樣式可用於文章或頁面內容,以及模板中。
若要探索區塊樣式:
- 前往 WP 管理控制台 > 外觀 > 編輯器。
- 點擊螢幕頂部工具列中的 + 圖示。
- 點擊樣式標籤。
在樣式標籤中,可以探索與頁首、頁尾、按鈕、WooCommerce 等特別相關的區塊樣式。
插入後,可以在編輯器中移動區塊樣式或像移除任何區塊一樣移除它們。
同步 vs. 非同步樣式
樣式的獨特之處在於它們可以選擇「非同步」,以便在插入網站後進行其他自訂。
當樣式同步時,對樣式所做的變更將反映在使用該樣式的任何地方。如果樣式未同步,可以插入它,然後為該特定位置自訂內容和版面配置。一旦將非同步樣式新增至頁面,它的行為就像常規區塊集合。可以變更非同步樣式的內容,這只會套用於該位置。
新增和管理自己的樣式
WordPress.com 的團隊建立了一個出色的演練,用於在網站上建立和管理自訂樣式。這適用於在 WooCommerce 周圍使用樣式。強烈建議查看 WordPress.com 樣式指南。
模板部件
區塊模板部件是旨在在整個網站的模板中重複使用的區塊群組。使用模板部件確保標準化內容(例如頁首和頁尾)在整個網站上保持不變。與樣式相反,模板部件始終同步,因此對模板部件的變更會影響使用該模板部件的所有位置。
若要將模板部件新增至正在自訂的模板或頁面,可以按照新增區塊時的相同流程操作。使用名為「模板部件」的區塊來選擇現有區塊模板部件,或建立新的。有關模板部件區塊的更多資訊可在 WordPress.org 文件中找到。模板部件僅在編輯模板時可新增,無法直接新增至文章或頁面內容。
若要查看所有可用的模板部件:
- 從 WP 管理區域,前往 外觀 > 編輯器,
- 點擊 樣式,
- 在左側邊欄中向下捲動以查看 模板部件,
- 點擊「管理所有模板部件」以查看所有模板部件,包括 WooCommerce 新增的模板部件。
從這裡可以建立新的模板部件或管理現有的模板部件!