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

伊凡·翁

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

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

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

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

典型登陸頁面範例

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

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

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

3 種變化

不同功能的特點

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

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

當地模式

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

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

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

可重複使用的區塊

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

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

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

全域樣式

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

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

結論

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

希望這可以幫助!

導航選單

分享

保持聯繫!

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

更多讀物

WordPress 成為您部落格之旅終極選擇的 10 個理由

部落格已成為個人和企業與世界分享想法、觀點和經驗的流行方式。它使人們能夠與有相似經歷的人建立聯繫...... 閱讀更多

使用 CMS 最大限度地發揮網站的潛力:初學者指南

內容管理系統(CMS)已成為網站管理的重要工具。隨著網站的複雜性不斷增加以及頻繁更新的需要,CMS 提供了一個用戶友好的介面... 閱讀更多

釋放發展的力量:如何促進成長和進步

發展是任何領域、產業成長和進步的重要面向。它涉及一個持續改進和創新的過程,以取得更好的結果。無論是在... 閱讀更多

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

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

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