網站範圍編輯與頁面編輯的差異在於能夠管理整個網站的多個元素。
可重複使用的區塊、全局樣式和局部模式為古騰堡的世界帶來了一股新鮮空氣。如果使用得當,WordPress 就好像擁有了一個原子設計的嬰兒。
然而,對於那些剛接觸GenerateBlocks 和GeneratePress 的人來說,它們可能相當令人畏懼。
在本文中,我將分享我對這些強大功能的方法和理解。
典型登陸頁面範例

這是一個典型的網站,總共 2 頁。
整個網站有 1 個具有相同佈局的英雄部分、1 個相同的 CTA 按鈕以及一個在首次創建網站時具有類似佈局的 CTA 橫幅。

不同功能的特點
以下是我對每個功能的理解。
筆記:Master 是我應用所有變更的父元件。副本是從相應母版擴展設計和構建的地方。
當地模式
局部圖案就像工廠裡的模具。
副本繼承了主副本的所有內容,但副本創建後,對副本或主副本的任何更改都不會影響其中之一。
將本機模式視為類似於 Figma 模板,在其中複製並貼上預先設計的會話(在本例中為「模式」)以縮短開發/設計的時間。
可重複使用的區塊
可重複使用區塊類似主從架構。
副本將始終繼承對主版本所做的所有變更。副本和原版始終是相同的。
當站點內的多個位置需要存在單一相同的模式時,可重複使用區塊效果最佳。與 React.JS 中的元件類似的概念,其中單一程式碼片段可以在多個位置和/或頁面上重複重複使用。
全域樣式
全域樣式與可重複使用區塊和局部模式不同,因為全域樣式著重於對某個古騰堡區塊的樣式的控制,而可重複使用區塊和局部模式側重於某個設計元素的重複,該元素是一個或多個的組合一個古騰堡塊。
你可以認為全域樣式相當於 CSS 的組合類別。
結論
- 如果你想要相同的組件;使用 可重複使用的區塊.
- 如果你想省一些 Ctrl+C Ctrl+V 時間;使用 當地模式.
- 如果你想要一個偽 CSS 類別;使用 全球風格.
希望這可以幫助!