Wicked Plugins 推出基於 UI 的 WordPress Block Builder

上周,Wicked Plugins 推出了 1.0 版 邪惡的積木建造者. 自 2021 年 11 月 Beta 版發布以來,我一直在關注這個插件。 該項目承諾開發人員將能夠「毫不費力地構建自定義塊」,我終於準備好對其進行測試。

在過去的兩個月里,我經常激活插件。 我知道審查它需要一段時間,我會在潛入之前停用它。我一直對它的巨大感到不知所措——有大量的設置需要配置。 假期也沒有幫助。 我想清醒地坐下來,決定這個插件是否是 WP Tavern 觀眾中的開發人員應該放入他們的工具箱中的東西。

簡短的回答:是的。

或者,至少你應該試一試,看看它與類似插件的比較。 這是一個 1.x 版本的項目,所以還有一些缺失的部分。 但是,它將使客戶端構建更容易組合在一起,而無需為自定義塊編寫 CSS 之外的任何內容。

當我第一次開始使用該插件時,我似乎遇到了一個又一個問題。 像往常一樣,我想在我能走路之前就跑。 我喜歡全速測試新插件,經常忘記停止和 RTFM。 對於像 Wicked Block Builder 這樣的複雜項目,我必須提醒自己可以向文檔尋求幫助。

如果您想做任何高級的事情,該插件有一點學習曲線。 我的建議是做與我所做的相反的事情。 從一個簡單的用例開始。

幸運的是,插件開發團隊有一個教程視頻,可以讓您在不到五分鐘的時間內構建自定義塊。 我建議在創建您的第一個時跟隨。

[embedded content]

一旦我跳過了最初的障礙,使用插件就變得輕而易舉了。

該插件允許開發人員添加塊、塊類別、模式和模式類別。 我主要關注區塊創建。 該插件的工作方式與其他模式構建器大致相同。

跟隨教程視頻,我創建了一個資源卡塊。 它包括圖像、標題、摘要和按鈕。

wicked-plugins-launches-ui-based-wordpress-block-builder Wicked Plugins 推出基於 UI 的 WordPress Block Builder為自定義塊構建編輯器視圖。

有多個選項卡供開發人員構建他們的塊。 除了主要的設置選項卡外,大部分工作將在屬性和編輯器視圖下進行。 僅當塊的輸出與編輯器中的外觀不匹配時,才需要前端視圖。 屏幕還有一個樣式面板,用於添加自定義 CSS,為編輯器和前端載入。

按照教程進行操作時,用戶界面看起來非常簡單。 但是,有很多選擇,一旦您開始深入研究它們,很容易迷失方向。

一旦我將自定義塊拼湊在一起,它就會正確出現在插入器中。 我還測試了 /resource 卡的斜杠命令以確保它有效。

wicked-plugins-launches-ui-based-wordpress-block-builder-1 Wicked Plugins 推出基於 UI 的 WordPress Block Builder將自定義塊插入編輯器。

插入我的塊後,我立即注意到幾個缺失的功能是自定義圖標和示例/預覽。 從代碼創建塊類型時添加兩者都相對簡單,所以我希望它們在未來版本的議程上。

在通過插入器搜索自定義塊類型時,我也歡迎創建自定義關鍵字的選項。

我填寫了資源卡塊的詳細信息並保存了它。

wicked-plugins-launches-ui-based-wordpress-block-builder-2 Wicked Plugins 推出基於 UI 的 WordPress Block Builder塊內容自定義。

令我驚訝的是,我沒有破壞任何東西。 我開始想,創建塊會這麼容易嗎?

我瀏覽了其他一些簡單的塊想法,體驗很愉快。 雖然我不再與客戶合作,但我可以看到這如何節省時間。 與它配對 模板鎖定 也將是一個常規用例,因此客戶只需要插入他們的內容並發布。

有一些 塊支持的功能 我希望看到添加。 該插件目前允許開發人員啟用對齊和寬對齊。 然而,像間距、排版和顏色這樣的其他方面將很容易獲勝。

我測試了 Wicked Block Builder 的免費版本。 對於簡單的塊,它運行良好。 對於更複雜的用例,開發人員需要升級到 專業版. 它每年運行在 49 美元到 299 美元之間,具體取決於支持的站點數量。

雖然我還沒有測試過專業版,但它確實提供了帖子和術語選擇、轉發器欄位、條件邏輯和內部塊支持。 在用盡基礎知識之後,這些可能在某些項目中是必要的。 但是,免費版本仍然可以讓您走得很遠。

來源

Total
0
Shares
相關文章