為塊模式插入器創建展開視圖或覆蓋的提案

WordPress 5.5中的「 1.0版」塊模式啟動總體上是成功的。 但是,在經過數月的預期後,等待此功能著陸時,很容易忽略問題。 既然我們已經有幾個月的時間看到了將塊模式系統引入到核心WordPress中,那麼現在該解決那些越來越明顯的問題了。

儘管我非常喜歡塊模式,但是對於用戶界面和整體體驗我無法說同樣的話。 模式類別下拉列表 古騰堡9.1中添加 與無休止的模式列表相比有了明顯的改進。 但是,以用戶友好的方式呈現它們還遠遠不夠。

WordPress長期以來一直習慣於在一個很小的面板中投入過多的東西-許多主題作者從未感覺過像自定義面板 提供足夠的空間, 例如。 塊編輯器的插入器面板似乎也是如此。 它足以允許最終用戶選擇塊。 但是,圖案比較小的塊圖標大得多。 在接下來的幾個月和幾年中,當用戶一次滾動瀏覽數十種模式時,它將成為可用性的噩夢。

帕爾·約阿希姆·羅姆達爾(Paal Joachim Romdahl)是 提出替代方案。 他的想法是添加一個「擴展器」圖標/按鈕,使用戶可以通過覆蓋圖一次查看更多樣式。 至少對於較大的屏幕尺寸(例如台式機用戶)會是這種情況。

他在GitHub票證中寫道:「在小型插入器面板中查看很多模式並不能很好地工作。」 「需要一次滾動一個模式,這很煩人。 具有更大的視圖將幫助用戶一次比較多個模式。」

為塊模式插入器創建展開視圖或覆蓋的建議為塊模式插入器創建展開視圖或覆蓋的建議當前模式疊加建議。

羅姆達爾還創建了一個 Figma原型 人們可以在實時演示中測試該系統的外觀。 用戶界面還沒有完善,但看起來是一個有希望的開始。

在閱讀了Tavern對WordPress.com的最新報道後,他創建了該提案。 推出了100多種塊模式。 某些樣式類別易於操作並找到正確的布局。 其他類別(例如「文本」和「號召性用語」類別)可能具有20種或更多種模式可滾動瀏覽。

為塊模式插入器創建展開視圖或覆蓋的建議為塊模式插入器創建展開視圖或覆蓋的建議在WordPress.com上插入阻止模式。

如果WordPress創建了官方的阻止模式目錄, 目前正在考慮中,只需單擊一個按鈕,即可添加新模式。 這是一種簡單的方法,可以立即存儲數十個樣式,特別是如果用戶正在嘗試各種布局並且以後不卸載未使用的樣式時,則尤其如此。

很少有用戶接觸到WordPress.com用戶可以訪問的數百種模式。 我們應該先提出這項建議。

用於插入模式和模板的覆蓋圖不是一個新概念。 在WordPress開發社區中很常見。 插件和主題開發人員早就解決了這個問題。

Redux插件 處理數百個模板 覆蓋:

為塊模式插入器1創建一個擴展視圖或覆蓋的建議為塊模式插入器創建一個擴展視圖或覆蓋的建議從Redux庫查看模板。

布局塊從 創世紀塊插件 本質上只是一個自定義模式插入器,其UI比WordPress更好:

為塊模式插入器2創建擴展視圖或覆蓋的建議為塊模式插入器創建擴展視圖或覆蓋的建議由創世紀模塊的布局模塊創建的疊加。

米卡爾·科爾佩拉(Mikael Korpela) 增加了類似的想法 到與插入程序的後續步驟有關的票證。 他提出了全屏瀏覽模式的體驗。

他在票證中寫道:「如果只想在修改頁面時將其保持打開狀態,那麼樣式側邊欄非常有用,但是由於空間有限,尤其是在您註冊了許多樣式時,瀏覽起來更難。

他分享了如何處理Squarespace上的部分的圖像:

為塊模式插入器3創建擴展視圖或覆蓋的建議為塊模式插入器創建擴展視圖或覆蓋的建議在Squarespace網站上選擇一個區域。

覆蓋也可能有助於推動模式目錄建議。 到那時,在覆蓋界面中創建一個新選項卡,連接到WordPress.org API並允許用戶瀏覽可安裝的模式將非常容易,而無需使用塊編輯器。

這些類型的系統中許多共享的另一個共同特徵是一種將模式保存為收藏夾的方法。 這使得它們將來很容易找到。 保羅·萊西(Paul Lacey)在 第136集 WP Builds每周WordPress新聞播客。 他希望客戶可以輕鬆訪問其最常用的塊模式。 這將是幫助清理塊模式用戶體驗的不錯的獎勵。

像這樣:

喜歡載入中……

資源

相關文章