Ross Morsali通過其品牌Code Amp發布了 自定義布局 上周的插件。 該插件的目的是為塊編輯器和經典編輯器的用戶提供一個可視化的帖子布局生成器。
對於最終用戶，這是用於顯示帖子的眾多插件之間的又一個選擇。 在這個領域推出了許多年的新插件之後，似乎會有明顯的先驅者，但是開發人員仍在嘗試馴服這一狂野而複雜的功能。 Custom Layouts插件有其自己的方法，值得快速瀏覽一下它是否適合您。
我已經寫了很多有關 即將到來的查詢塊 及其在 WordPress的未來。 但是，有必要查看通過塊編輯器顯示帖子的替代解決方案。 古騰堡（Gutenberg）開發團隊應注意有效的事物和無效的事物。
對於開發人員來說，該插件是一個值得注意的實驗，它在實際編輯器之外使用了塊編輯器組件系統。 自定義布局在其自定義布局和模板編輯器屏幕上使用這些各種組件。
該插件是Morsali在過去一年半中學習React和塊系統的產品。 他寫道：「與古騰堡和塊編輯器作為開發人員的工作比舊的範例（經典編輯器）要優越得多-學習曲線肯定更大，但是一旦克服了困難，看來未來就很光明，」他寫道在裡面 插件的公告帖子。 「我也很喜歡這樣一個事實，我們實際上不需要使用Block Editor來使用Gutenberg組件-這意味著我們仍然可以構建所需的內容和所需的方式（假設我們正在使用React），同時保持用戶界面與WordPress的其餘部分保持一致。」
插件如何工作
模板編輯器屏幕。
自定義布局與類似的插件採用不同的途徑，將其組件劃分為不同的屏幕。 術語可能會使初學者感到困惑。 該插件引入了兩個部分作為其系統的基礎：
- 模板：處理各個帖子的設計。
- 布局：控制查詢的帖子及其布局。
自12月下旬以來，我已經有該插件的Beta版本。 這給了我三個星期的時間來決定我是否喜歡這種方法。 一方面，該插件可滿足兩個不同的用戶群。 一組可以通過「自定義布局」塊實現其布局。 經典編輯器上的內容可以使用「布局編輯器」屏幕。 兩者共享模板編輯器。
創建一個三列網格布局。
對於經典編輯器的用戶而言，該插件的系統是一個不錯的選擇。 它帶有一個視覺界面，否則他們將不會擁有。 它還提供了一個短代碼，可輕鬆複製/粘貼到帖子編輯器中。
對於塊編輯器的用戶來說，為模板構建器創建單獨的屏幕可能會感到不自然。 因為塊編輯器本身是可視界面，所以多個屏幕會創建一種錯綜複雜的氛圍，讓人永遠感覺不到。
但是，插件中有解決方案。 我建議用戶完全跳過「模板編輯器」和「布局編輯器」屏幕。 「自定義布局」塊在塊編輯器中充當備用布局構建器。 另外，用戶可以通過彈出窗口疊加來編輯現有模板，甚至可以創建新模板而無需離開後期編輯屏幕。
用於編輯模板的疊加層。
從帖子編輯器構建所有內容的感覺應該是這樣。 用戶可以通過塊編輯器獲得更多他們習慣的即時反饋。
多組件系統有很多好處。 分開模板構建器意味著用戶可以從單一來源構建和重用特定設計。 他們還可以更新單個模板，這些模板隨後將應用於整個站點中這些模板的所有使用。
另一個好處是最終用戶不會選擇過多。 構建與查詢相關的塊，小部件，短代碼或類似組件非常複雜。 這是因為有三部分布局了一個帖子列表：載入它們的查詢，整體布局以及各個帖子的設計。 例如，將這些零件中的每個零件的選項放入塊檢查器中，就意味著在犧牲一些選擇與向用戶提供所有可能的設置之間取得平衡。 這種平衡的行為促使Morsali分離插件的組件。
總體而言，「自定義布局」是一個可靠的插件。 不利的一面是，由於它服務於兩個受眾，因此存在一點學習曲線。 用戶將需要先確定最適合他們的工作流程。 一旦他們弄清楚了，該插件就很好用了。
像這樣：
喜歡載入中……