您現在可以在 WordPress 中創建自己的塊主題

已發表: 2022-07-18

WordPress 全站編輯 (FSE) 允許我們在不需要代碼的情況下編輯網站的各個方面。 它已將主題的先前隱藏部分置於非設計師的範圍內。 也許在這個過程中讓網絡專業人士的工作更容易一些。

但這只是 FSE 潛力的皮毛。 正在開發更高級的功能。 其中包括在 WordPress 中創建整個區塊主題的能力。

讓我們考慮一下。 從歷史上看,實現主題的主要方法有兩種。 第一種是使用 PHP、HTML、JavaScript 和 CSS 從頭開始構建您自己的。 另一個是下載第三方主題並根據自己的喜好進行調整。

多虧了創建塊主題插件,現在有了第三種方法:完全從 WordPress 中創建塊主題。 從那裡,您可以導出您的創作以在其他地方使用。

就我們如何使用 WordPress 構建網站而言,這聽起來是革命性的。 它是如何工作的? 今天,我們將提前了解 Create Block Theme 並向您展示它可以做什麼。

創建塊主題插件的作用

創建塊主題插件的發布恰逢 FSE 仍是一項新興技術。 由官方 WordPress 主題團隊的成員開發,它很可能有一天會進入核心軟件。

乍一看,這是一款非常簡潔的軟件——但這是設計使然。 該插件不會向站點編輯器添加任何激進的新功能。 相反,它提供了一種方法來導出您已經完成的工作。 還有一些其他的好東西。

當您下載創建塊主題並在您的網站上激活它(還建議運行最新版本的古騰堡插件)時,您會注意到位於外觀 > 創建塊主題的新菜單項。

此屏幕為您提供以下選項:

導出活動主題
如果您已經在使用塊主題,例如二十二十二,並且在站點編輯器中進行了更改,則可以導出主題的自定義版本。 如果您想為使用該主題的其他項目創建自定義起點,這可能會派上用場。

創建活動主題的孩子
過去,建議使用子主題以確保在下載主題更新時不會覆蓋自定義項。 由於它與塊主題有關,因此子級可以作為分發父級的特定變體的一種方式。 例如,一個可能包含不同的印刷或配色方案。

克隆活動主題
此選項複製您的活動主題,並使用新名稱包含您在站點編輯器中對其所做的任何更改。 由於它是單獨的副本,因此您可以處理新主題而不會意外損壞原始主題。

覆蓋活動主題
如果您對活動主題進行了更改並希望它們覆蓋其默認設置,則此選項允許您這樣做。

創建塊主題選項頁面。

構建自定義 WordPress 塊主題

構建自定義 WordPress 塊主題的過程涉及通過站點編輯器(外觀 > 編輯器)進行任何所需的更改。 更改主題的頁眉、頁腳、內容區域以及任何其他您想要的內容。

但在您這樣做之前,選擇正確的塊主題很重要。 例如,您可以使用一些空白畫布,例如 Blockbase。 這使您可以從頭開始並創建完全自定義的外觀。 這也意味著不必拆除任何您不想要的現有主題元素。

如果您更喜歡更合身和完成的東西,有幾個可用的塊主題可以提供一個很好的起點。 您將擁有一個既定的佈局,並且可以進行任何必要的調整以滿足您的需求。

無論您如何開始,創建塊主題都將允許您導出主題以用於另一個 WordPress 安裝。

使用 WordPress 站點編輯器自定義 Blockbase 主題。

導出您的自定義塊主題

在這個例子中,我對 Blockbase 做了一些基本的定制。 現在是時候導出主題並將其安裝在另一個本地 WordPress 網站上。

如前所述,創建塊主題提供了幾個導出選項。 我選擇創建一個子主題並給它一個自定義名稱。 這意味著我需要在我想使用我的新子主題的任何其他網站上安裝 Blockbase 的副本。

使用創建塊主題導出子主題。

導出會生成一個 ZIP 文件,然後我可以將其導入我的新站點。 在新的 WordPress 站點上,我將導航到外觀 > 主題,然後單擊“添加新”按鈕。

在“添加主題”頁面上,我可以通過單擊“上傳主題”按鈕並從我的硬盤驅動器中選擇導出的 .ZIP 文件來上傳我的新塊主題。 最後,我將激活子主題。

將生成的 .zip 文件導入新的 WordPress 網站。

結果看起來不錯。 我所做的更改在導出過程中倖存下來,並且似乎在新站點上運行良好。 從理論上講,這將在開展未來項目時提供堅實的開端。

新目標中的自定義塊主題。

這是 WordPress 主題建築的未來嗎?

從 WordPress 中創建塊主題然後在任何地方使用它的能力可能會改變您的工作流程。 它可能會減少花在處理代碼上的大量時間,並提供完整的視覺設計體驗。

儘管如此,如果站點編輯器沒有提供您需要的所有工具,那麼便利可能並不意味著什麼。 創建不同的佈局和調整顏色等相當簡單。但可能會有需要代碼的場景。

這一切都取決於你喜歡如何工作。 我們中的一些人會很樂意堅持我們現有的流程——這沒關係。 舒適性和穩定性很重要——尤其是當 FSE 和塊主題處於早期階段時。

但是,Create Block Theme 提供的可移植性是對未來的展望。 並且選擇以這種方式構建 WordPress 塊主題將對許多網頁設計師有吸引力。 隨著它的不斷發展,這是一個值得關注的發展。