EditorPlus 推出其第一個塊並添加自定義塊創建器

在似乎永無止境的新功能衝擊中，Munir Kamal 在最近兩次更新中為他的 EditorPlus 插件發布了一些主要的新功能。 今天早些時候登陸的 2.0 版包括一組七個新塊。 之前的版本展示了一個創建塊功能，該功能將更多自定義選項交到最終用戶手中。

塊編輯器激發了他的創造力，他的塊共享網站 GutenbergHub 或 EditorPlus 插件的想法並沒有枯竭。 即將發布的版本應該對插件的 UI 進行大修，並為第三方開發人員提供可能的 API。

他說他將確保 EditorPlus 在未來登陸時與 WordPress 的網站編輯器一起工作。 另外，對 WooCommerce 塊的最終支持已經擺在桌面上。 目前，重點是他最近幾週推出的插件功能。

創建自定義塊

由於 WordPress 的核心塊集已經掌握在用戶手中，幾乎任何事情都已成為可能。 這些塊基本上涵蓋了網頁設計的所有基本元素，例如標題、段落、列表、引號等。 有時，構建獨特的東西的訣竅是混合和匹配這些元素來創造新的東西。 這就是 EditorPlus 的新創建塊功能的本質。

保存自定義塊很簡單。 用戶必須首先將他們的塊包裝到核心組塊中。 然後，從塊工具欄中的“更多選項”菜單中，選擇“添加到自定義塊”選項。 該插件將在保存之前要求提供塊標題。

不要與可重用塊混淆，可重用塊是從帖子到帖子保持不變的資源，創建的塊與任何其他塊一樣。 它們可以通過“我的自定義塊”類別下的塊插入器訪問。

缺少一些小細節，從長遠來看，這將是很好的補充。 第一個是為塊選擇自定義圖標的能力。 目前，所有自定義塊共享一個圖標。 第二個是在塊插入器中添加預覽的能力。

Kamal 構建了此功能，以便最終用戶可以為自己創建簡單的塊。 它也是開發者為客戶網站快速創建區塊的工具。

“例如，幾乎所有的商業網站都需要一個推薦塊，但沒有一個核心用於那個確切的目的，”他說。 “當然，你可以使用核心塊的組合來創建它，這就是它的方法。 我已經看到許多塊插件帶來了像 Testimonial、Team、Pricing 等這樣的塊，但這些塊可以很容易地用核心塊創建。”

他已經向社區展示了您可以將核心塊延伸到多遠，以使用他的塊和模板庫創建獨特的佈局。 因此，用戶可以直接從編輯器中構建其中一些東西並不是不可能的。

塊創建者似乎將其作為塊模式創建者處理會更好。 本質上，用戶正在創建自定義模式，它們是塊的分組。 Kamal 說，模式創建者也在待辦事項清單上。

“由於古騰堡有這兩個部分可用於創建內容/佈局，我將添加這兩個功能，”他說。 “添加了另存為塊，也將添加'另存為模式'。 用戶可以根據自己的工作流程使用他們想要的任何方式。”

我傾向於堅持現有的模式範式，即處理塊組的單一功能。 但是，看看用戶喜歡什麼會很有趣。 從長遠來看，最重要的是他們可以輕鬆訪問構建頁面所需的工具。

“缺失”的方塊

今天早些時候，Kamal 發布了他稱之為 WordPress 的“缺失”塊。 這些是一組七個定制的塊，可處理現有核心塊無法處理的內容類型。 過去，他一直對創建任何塊猶豫不決，更願意擴展 WordPress 提供的開箱即用的工具。

“我最初的想法仍然是擴展 Gutenberg 以彌補缺失的內容，並使其更強大，無需代碼即可在視覺上創建精美的設計，”他說。 “而且，在創建了數百個模板/設計之後，我意識到需要一些重要的缺失塊，這些塊在網站建設者中最常用，但在 Gutenberg 中缺失。 所以我只在 EditorPlus 中添加那些缺失的塊，這些塊是創建現代設計所必需的，並且不能輕鬆地使用核心塊的組合來創建。 例如，標籤塊、手風琴塊或添加的所有其他塊都是符合這些標準的塊。”

該插件包括以下新塊：

• 標籤
• 切換/手風琴
• 圖標
• 評分
• 進度條
• 統計/計數器
• 倒計時器

其中一些需要額外的 JavaScript，這就是為什麼它們不能成為核心 WordPress 的良好候選者。 但是，對於插件開發人員來說，它們是不錯的選擇，而且這些在其他庫類型插件中並不少見。

使它們與眾不同的是與插件樣式系統的集成，Kamal 可能會在未來的版本中向其他插件開發人員開放。 目前的計劃是創建一個獨立的 Styles API 讓用戶自定義任何塊。 他已經從 Advanced WP Facebook 小組得到了一些關於這個想法的反饋。 許多反饋希望這樣的系統能夠登陸 WordPress 本身。

該插件的新塊的一個有趣功能是，當單擊塊的子元素時，其設計選項會在塊選項面板中自動觸發。 例如，星級評分塊具有“title”和“rating”元素。 單擊標題時，其設計選項會在側邊欄中打開，評分也是如此。 這與 EditorPlus 在核心塊上的設計選項的典型組織不同，核心塊按 CSS 屬性分組。 重點放在單個元素上，它使找到特定選項變得更加容易。

這個實驗有點像是 Kamal 正在為未來更新所做的工作的前奏。 他的一大目標是對 UI 進行一些清理——插件中有很多選項——並讓用戶更快地自定義他們的塊。