上周，Wicked Plugins 推出了 1.0 版 邪惡的積木建造者. 自 2021 年 11 月 Beta 版發布以來，我一直在關注這個插件。 該項目承諾開發人員將能夠「毫不費力地構建自定義塊」，我終於準備好對其進行測試。
在過去的兩個月里，我經常激活插件。 我知道審查它需要一段時間，我會在潛入之前停用它。我一直對它的巨大感到不知所措——有大量的設置需要配置。 假期也沒有幫助。 我想清醒地坐下來，決定這個插件是否是 WP Tavern 觀眾中的開發人員應該放入他們的工具箱中的東西。
簡短的回答：是的。
或者，至少你應該試一試，看看它與類似插件的比較。 這是一個 1.x 版本的項目，所以還有一些缺失的部分。 但是，它將使客戶端構建更容易組合在一起，而無需為自定義塊編寫 CSS 之外的任何內容。
當我第一次開始使用該插件時，我似乎遇到了一個又一個問題。 像往常一樣，我想在我能走路之前就跑。 我喜歡全速測試新插件，經常忘記停止和 RTFM。 對於像 Wicked Block Builder 這樣的複雜項目，我必須提醒自己可以向文檔尋求幫助。
如果您想做任何高級的事情，該插件有一點學習曲線。 我的建議是做與我所做的相反的事情。 從一個簡單的用例開始。
幸運的是，插件開發團隊有一個教程視頻，可以讓您在不到五分鐘的時間內構建自定義塊。 我建議在創建您的第一個時跟隨。
[embedded content]
一旦我跳過了最初的障礙，使用插件就變得輕而易舉了。
該插件允許開發人員添加塊、塊類別、模式和模式類別。 我主要關注區塊創建。 該插件的工作方式與其他模式構建器大致相同。
跟隨教程視頻，我創建了一個資源卡塊。 它包括圖像、標題、摘要和按鈕。
為自定義塊構建編輯器視圖。
有多個選項卡供開發人員構建他們的塊。 除了主要的設置選項卡外，大部分工作將在屬性和編輯器視圖下進行。 僅當塊的輸出與編輯器中的外觀不匹配時，才需要前端視圖。 屏幕還有一個樣式面板，用於添加自定義 CSS，為編輯器和前端載入。
按照教程進行操作時，用戶界面看起來非常簡單。 但是，有很多選擇，一旦您開始深入研究它們，很容易迷失方向。
一旦我將自定義塊拼湊在一起，它就會正確出現在插入器中。 我還測試了 /resource 卡的斜杠命令以確保它有效。
將自定義塊插入編輯器。
插入我的塊後，我立即注意到幾個缺失的功能是自定義圖標和示例/預覽。 從代碼創建塊類型時添加兩者都相對簡單，所以我希望它們在未來版本的議程上。
在通過插入器搜索自定義塊類型時，我也歡迎創建自定義關鍵字的選項。
我填寫了資源卡塊的詳細信息並保存了它。
塊內容自定義。
令我驚訝的是，我沒有破壞任何東西。 我開始想，創建塊會這麼容易嗎？
我瀏覽了其他一些簡單的塊想法，體驗很愉快。 雖然我不再與客戶合作，但我可以看到這如何節省時間。 與它配對 模板鎖定 也將是一個常規用例，因此客戶只需要插入他們的內容並發布。
有一些 塊支持的功能 我希望看到添加。 該插件目前允許開發人員啟用對齊和寬對齊。 然而，像間距、排版和顏色這樣的其他方面將很容易獲勝。
我測試了 Wicked Block Builder 的免費版本。 對於簡單的塊，它運行良好。 對於更複雜的用例，開發人員需要升級到 專業版. 它每年運行在 49 美元到 299 美元之間，具體取決於支持的站點數量。
雖然我還沒有測試過專業版，但它確實提供了帖子和術語選擇、轉發器欄位、條件邏輯和內部塊支持。 在用盡基礎知識之後，這些可能在某些項目中是必要的。 但是，免費版本仍然可以讓您走得很遠。