使用 Meta Box 的 MB 視圖插件構建自定義模板

Meta Box 上週發布了它的 MB Views 插件。 新的擴展允許開發人員在舒適的 WordPress 管理員中構建自定義模板。 目標是提供一個易於使用的界面，用於在不編輯主題文件的情況下輸出自定義字段，但其靈活性推動了全站點編輯的界限。

快速入門： MB Views 提供了可靠的開發人員體驗，但對於那些不熟悉代碼的人來說有點不夠友好。

我一直很喜歡 Meta Box 團隊使用其核心插件和擴展所做的事情。 該項目的開發人員創建了一個文檔齊全的代碼庫，編寫了可靠的文檔，並且通常會關注其他人失敗的細節。 MB Views 也不例外。 激活擴展後幾分鐘，我就在測試站點的前端設置並推出了自定義視圖。

該界面非常簡單，幾乎可以立即使用，並且具有足夠的靈活性，可以從 WordPress 管理員構建幾乎任何東西。

總體而言，該團隊的新附加組件非常值得其中一個可用的高級捆綁包的價格，價格在 79 美元到 349 美元之間。 並非沒有一些小問題，但這是 1.0 版本的預期。

強大的前端編輯工具

我使用視圖編輯屏幕的體驗感覺很自然。 代碼編輯器使用 Code Mirror 及其 Oceanic Next 主題。 它內置了自動選項卡和自動完成功能，因此感覺就像大多數離線編輯器一樣。 開發人員應該對快速構建自定義視圖感到賓至如歸。

因為這些天我主要使用 Tailwind CSS，所以我能夠在幾分鐘內構建一個虛假的電子郵件註冊表單，並使用可用的視圖設置將其直接顯示在我的帖子下方。

代碼編輯器有一個“新建字段”按鈕，可在屏幕右側打開一個滑出框。 它允許用戶插入帖子、站點、用戶和查詢字段。 這些選項還包括通過 Meta Box 插件創建的自定義字段。

除了編輯模板，用戶還可以直接從視圖代碼編輯器添加自定義 CSS 和 JavaScript。

這些字段的輸出都通過現代 PHP 模板引擎 Twig 處理。 許多 PHP 開發人員已經熟悉 Twig 並對其語法感到滿意。 通過這個系統，插件用戶不僅限於 HTML。 他們可以使用條件和循環來自定義其視圖內容的輸出。

為了獲得更好的開發人員體驗，最好能看到插入新字段的自動完成選項，而不是單擊“新字段”按鈕然後單擊特定字段。 最有可能的是，隨著時間的推移，開發人員會開始記住這些字段並簡單地輸入它們。 自動完成對於自定義字段來說是一個不錯的選擇。

MB Views 真正閃耀的地方在於它的視圖設置。 該插件允許視圖接管主題頁眉和頁腳之間的整個頁面，或者只是內容區域。 它允許用戶選擇在單個帖子、存檔頁面或使用其內置短代碼的自定義內容上顯示視圖。 用戶可以根據可以以各種方式分組的條件進一步細分視圖出現的位置。 它可以根據需要簡單或複雜。 它並不完全與自定義 PHP 條件條件相提並論，但它足以涵蓋大多數用例。

如果有人想嘗試一下，他們可以將 MB Views 用作整個站點的編輯器。 唯一真正的要求是用頁眉和頁腳構建他們的主題。 在某些時候，也許該插件將允許用戶接管整個頁面佈局，從而有效地使主題變得不必要。

問題和未來的改進

版本 1.0 是關於將某些東西送到用戶手中。 這是開發人員獲得一些最有用的反饋的時候，所以我希望隨著開發人員在未來繼續構建插件，以下問題將得到解決。 我沒有遇到任何重大障礙，但我確實遇到了一些小問題，並且有一些改進的想法。

我遇到的第一個問題讓我最初認為該插件根本不起作用。 我選擇在單個帖子上顯示我的自定義視圖。 這很容易通過視圖設置來完成。 您選擇“單數”類型。 然後，在第一個下拉選擇中選擇“發布”。 我以為這會使模板出現在所有帖子上。 但是，保存後什麼也沒有發生。 我的自定義內容都沒有出現在前端。 問題是有第二個下拉選擇，默認情況下沒有填充值。 我需要選擇一個“所有帖子”選項。 這是一個快速解決的問題，但這就是為什麼好的默認值在插件開發中如此重要的原因。

沒有修訂支持。 對於 WordPress 管理員中的代碼編輯器，用戶可以將其代碼恢復到早期版本是有道理的。 如果用戶只使用少量代碼創建視圖，這將不是問題。 但是，該插件甚至允許用戶在主題的頁眉和頁腳之間創建整個頁面佈局。 這有時意味著大量的代碼和後退更改的需要。

MB Views 提供了一個[mbv]簡碼，用於在簡碼就緒區域（例如帖子內容）內輸出視圖。 但是，在塊編輯器中沒有等效的塊。 在這一點上，有一個簡碼但沒有塊似乎是一個重大的疏忽。 簡碼需要緩慢而痛苦地死去。

視圖管理屏幕也可以使用一點愛。 至少看到視圖類型的列會很高興。 隨著自定義視圖列表的增長，可能很難一目了然地確定每個視圖的使用位置。

用戶友好性和未來

您想獲取 Meta Box 字段的值並將它們放在您的前端模板中，但是您對編碼不太熟悉並且不想接觸主題文件？

MB Views 的開場描述聲稱該插件面向不熟悉編碼的用戶。 我不確定普通用戶是否可以在不學習一些編碼知識的情況下利用它。 該界面主要面向開發人員。 從字面上看，視圖編輯器是一個代碼編輯器。 它確實有一個易於點擊的字段插入器，但如果不熟悉 HTML 和 CSS，這些字段通常是無用的。

該工具擅長其功能，但在塊編輯器時代，它幾乎感覺像是權宜之計。

為了使 MB Views 成為更有用的最終用戶工具，它需要過渡到更多帶有設計選項的可視化、點擊式界面。 否則，它將主要停留在可以自定義視圖輸出到完美的開發人員的土地上。

如果團隊想要專注於出色的開發人員體驗，我不一定認為 MB Views 必須朝這個方向發展。 然而，對於那些不太熟悉代碼的人來說，它目前並沒有達到它對友好的要求。

我們可能還需要至少一年的時間才能通過塊系統獲得完整的站點編輯體驗。 Meta Box 團隊的努力可能最好用於在該系統中集成視圖編輯。 MB Views 插件對於當今許多 Meta Box 插件用戶來說是一個有用且必要的工具，但在全站點編輯進入核心之前，它可能沒有時間獲得關注。 屆時，插件團隊將需要已經過渡到使用 WordPress 的用戶體驗完全不同的世界。