可重複使用區塊與全域樣式與本機模式(GenerateBlocks 和GeneratePress)

伊凡農

網站範圍編輯與頁面編輯的差異在於能夠管理整個網站的多個元素。

可重複使用的區塊、全局樣式和局部模式為古騰堡的世界帶來了一股新鮮空氣。如果使用得當,WordPress 就好像擁有了一個原子設計的嬰兒。

然而,對於那些剛接觸GenerateBlocks 和GeneratePress 的人來說,它們可能相當令人畏懼。

在本文中,我將分享我對這些強大功能的方法和理解。

典型登陸頁面範例

3 部分平台(左)、2 部分平台(右)

這是一個典型的網站,總共 2 頁。

整個網站有 1 個具有相同佈局的英雄部分、1 個相同的 CTA 按鈕以及一個在首次創建網站時具有類似佈局的 CTA 橫幅。

3 種變化

不同功能的特點

以下是我對每個功能的理解。

筆記:Master 是我應用所有變更的父元件。副本是從相應母版擴展設計和構建的地方。

當地模式

局部圖案就像工廠裡的模具。

副本繼承了主副本的所有內容,但副本創建後,對副本或主副本的任何更改都不會影響其中之一。

將本機模式視為類似於 Figma 模板,在其中複製並貼上預先設計的會話(在本例中為「模式」)以縮短開發/設計的時間。

可重複使用的區塊

可重複使用區塊類似主從架構。

副本將始終繼承對主版本所做的所有變更。副本和原版始終是相同的。

當站點內的多個位置需要存在單一相同的模式時,可重複使用區塊效果最佳。與 React.JS 中的元件類似的概念,其中單一程式碼片段可以在多個位置和/或頁面上重複重複使用。

全域樣式

全域樣式與可重複使用區塊和局部模式不同,因為全域樣式著重於對某個古騰堡區塊的樣式的控制,而可重複使用區塊和局部模式側重於某個設計元素的重複,該元素是一個或多個的組合一個古騰堡塊。

你可以認為全域樣式相當於 CSS 的組合類別。

結論

  • 如果你想要相同的組件;使用 可重複使用的區塊.
  • 如果你想省一些 Ctrl+C Ctrl+V 時間;使用 當地模式.
  • 如果你想要一個偽 CSS 類別;使用 全球風格.

希望這可以幫助!

導航選單

分享

保持聯繫!

我只會發送好東西,不會發送垃圾郵件,不會發送廢話,我保證!

更多讀物

香港最佳 16 家新創公司 CMS

還在選擇 CMS?以下列出了 16 個最適合您的新創公司在香港發展的 CMS。

最大化潛在客戶轉換:提高轉換率的策略

了解潛在客戶轉換並實施有效的策略來提高轉換率對於任何尋求最大化收入和成長的企業至關重要。

專業服務的最佳潛在客戶開發策略

從利用社交媒體到優化網站和製作引人入勝的內容,這些策略將幫助您吸引和轉化高品質的潛在客戶,最終促進您的業務發展。

您可以信賴的 WordPress 開發人員。

我始終以信任為基礎與客戶建立關係。我希望看到你像我一樣成長。讓我們共同努力發展您的業務。

取得免費報價
分享給...