今天，Jeffrey Carandang發布了 WP Block Builder，一個npm腳本，供開發人員開始構建WordPress塊。 它只是塊狀腳手架工具中的許多此類腳本之一，但是Carandang可能只是經驗和影響力超過其他腳本。 到目前為止，開發人員已下載了超過500次他的自定義設置。
希望在幕後偷看的開發人員也可以查看 GitHub上的項目。
如果沒有在WordPress區塊空間中碰到Carandang的一些工作，幾乎不可能進入WordPress的構建基塊。 他 啟動了ShareABlock社區 去年底 他通過嘗試一些想法來為其他開發人員鋪平了道路。 編輯器套件。 他與他人共同創立了CoBlocks， GoDaddy於2019年收購。 而且，這僅僅是 冰山 —是的，他也參與其中。
現在，他決定在一個越來越擁擠的領域啟動一個構建塊的腳本。 核心WordPress 有自己的腳本。 WebDevStudios最近 推出了一個定製叉子 其中，還有其他一些人在WordPress生態系統中徘徊，每個人在啟動區塊構建過程方面的做法都略有不同。 但是，當WordPress領域的專家之一發布自己的關於建立開發人員的想法時，至少值得研究一下。
「我最初為自己創建了此工具，因為在創建Gutenberg塊插件時我一直重複類似的過程，」 Carandang說。 「然後，在構建它時，我認為如果將其發布給公眾會對其他人有所幫助，因為只需最少的配置，集中精力於構建基塊就會更容易。 根據我的經驗，設置webpack配置會花費一些時間，有時會令人沮喪。」
Carandang在積木方面擁有豐富的經驗，因此我相信他添加了所有有助於加快開發過程的小附加功能。
與許多類似的腳本不同，WP Block Builder默認提供兩個示例塊。 一種是處理此類腳本常見的典型靜態內容。 但是，第二個是動態的伺服器端塊。 這使開發人員可以構建具有兩種運行要求的兩種不同的塊類型。 其他腳本也傾向於將重點放在啟動單一塊插件上，這對於將其發布到WordPress塊目錄中是很典型的。 如果需要，WP Block Builder提供了啟動具有多個塊的插件的路徑。
Carandang說：「我的目標是使首次使用區塊的開發人員可以輕鬆創建一個區塊，但是我還為高級用戶創建了一個示例動態區塊。」 「這將為試驗和熟悉街區的每個部分提供一個很好的遊樂場。」
Carandang希望開發人員能夠直接涉足構建基塊。 他希望在不妨礙技術的情況下將一些樂趣帶回試驗中，這通常意味著僅僅花費幾個小時就可以將構建工具安裝到位。
他說：「我正迎合我剛開始創建WordPress主題時的那種感覺。」 「那些時候我更改代碼以了解它們的工作方式，並且足夠自信，如果我結束了將其弄亂的話，我可以重新安裝它。」
Carandang表示他尚未收到任何報告的問題，因此發布日正在順利進行。 他很期待看到基於他的設置的開發者在將來構建什麼模塊。
他說：「其目的是要足夠通用，以幫助開發人員立即開始創建塊插件。」 「我仍在等待一些反饋，以幫助改善流程，但到目前為止看來還不錯。」
設置塊插件
WP Block Builder中的動態塊代碼。
WP Block Builder是核心WordPress Create Block腳本的分支。 它包括一些額外的npm軟體包，但是在通過Composer安裝多個PHP軟體包方面也很繁重。 這些主要是為了確保開發人員遵循編碼標準。
設置很簡單。 開發人員只需要運行npx wp-block-builder命令即可啟動該過程。 運行該命令後，WP Block Builder會帶給開發人員一系列問題，這些問題設置了以下欄位：
- 塊
- 命名空間
- 區塊標題
- 描述
- 作者姓名
- 插件許可證
- 版本號
安裝後，該插件將有兩個模塊可供實驗。 第一塊是帶有文本和背景顏色設置的基本容器。 它還支持廣泛和完全對齊。 它的工作方式類似於核心WordPress Group塊。 與標準段落模塊相比，我更喜歡此起點。
第二個塊是動態帖子列表。 它提供了足夠的複雜性，以了解動態塊如何工作，同時使用大多數WordPress開發人員都足以理解的概念：查詢和遍歷帖子。 該塊具有用於更改帖子數量的單個自定義選項。
使這兩個模塊可用的目標是使插件開發人員首先進入代碼。 打破事情。 實驗。 學習代碼。
從長遠來看，Carandang希望該過程對開發人員來說會更好。 他說：「我與古騰堡團隊的GrzegorzZiółkowski和FabianKägy保持聯繫，」他們正在創造一種更好的方法，以直接使用@ wordpress / create-block支持外部npm軟體包。 這對於Block Builder和Gutenberg都是有幫助的，並且將有助於改善Gutenberg插件開發生態系統。」
像這樣：
喜歡載入中……