使用 Gutenberg 構建 WordPress 網站:初步觀察

已發表: 2018-08-21

如果您一直在關注新的 WordPress 編輯器 Gutenberg 的所有大驚小怪,您就會知道許多用戶已經對它形成了非常強烈的看法。 但是,拋開所有的戲劇,用它實際建立一個網站是什麼感覺?

隨著 WordPress 5.0 越來越近,我決定是時候看看 Gutenberg 的能力了。 雖然我做了很多測試(也許更好地描述為玩弄),但我還沒有將編輯器的插件版本包含到我的標準工作流程中。

我想我會從相當小的開始。 因此,我將 Gutenberg 安裝在我正在重新設計的宣傳冊式網站上。 以下是我對經驗的一些想法,同時請記住,這仍然是測試版軟件,還有幾個錯誤需要解決。

一種新的工作方式

之前看過 Gutenberg UI,我對自己能夠完成的工作抱有一些基本的期望——使用 Classic 編輯器無法輕鬆完成的事情:

  • 輕鬆重新排列內容
  • 創建簡單的多列佈局
  • 在多個地方重用自定義內容塊

可以說我沒想到(也不想要)一個成熟的頁面構建器類型的編輯體驗。 值得慶幸的是,古騰堡並沒有聲稱要這樣做,而且它真的不適合那種類型的任務。

總的來說,我想說這些方面的情況相當不錯:

重新排列內容
使用懸停在塊上時出現的小箭頭在頁面上切換內容非常簡單。 但是,我無法水平切換按列排列的內容。 至少,如果該功能可用,我無法弄清楚。

用古騰堡重新排列內容

多列佈局
此功能仍處於測試階段,但它確實有效。 我遇到的唯一麻煩是將各種塊添加到列,然後用光標選擇特定列。 將鼠標懸停在列上時出現的大量網格線有時確實有點令人困惑(儘管插件的 3.6 版似乎讓這點平靜了一點)。

在前端,我確實需要調整一些 CSS 以使基於 Flexbox 的列在移動屏幕上堆疊在一起。 這不一定是一件壞事,因為主題開發人員希望完全控制這些類型的設計決策。

在多列佈局中選擇正確的塊可能很困難。

重用塊
Gutenberg 的一個簡潔功能是能夠保存您創建的內容塊以供重複使用。 我確實發現我可以通過我設置的一組社交媒體圖標來做到這一點。 我構建了該塊,將其保存並順利添加到多個頁面。

真正令人印象深刻的是,我可以對那個可重複使用的塊進行編輯,保存它,並且編輯後的版本會自動顯示在我使用過它的每個頁面上。 這是一個真正的節省時間。

一個可重複使用的塊,由社交媒體圖標組成。

現有內容如何?
我還想看看我已經導入到全新安裝的 WordPress 中的網站現有內容會發生什麼。 默認情況下,古騰堡將此內容放入“經典”塊中,這與 WordPress 經典編輯器非常相似。 在前端,一切看起來都如預期的那樣。

我可以選擇將此內容轉換為一系列適當的塊以供進一步編輯。 根據我的經驗,編輯處理得很好。 例如,圖像被放置到“圖像”塊中,無序列表被放置到“列表”塊中等等。 我很高興地報告,這個過程似乎沒有什麼不妥之處。

將現有內容轉換為古騰堡塊。

學習曲線

除了擔心“東西不起作用”之外,我最大的擔心是我需要多長時間才能習慣使用新的編輯器。 畢竟,在測試站點上亂搞與為客戶構建東西大不相同。

使用古騰堡的最初幾個小時有點令人沮喪,因為我很快發現了它的怪癖和過程。 我懷疑部分原因僅僅是因為我不得不以一種我不習慣的方式工作。 多年來,我傾向於將自定義字段用於許多與佈局相關的任務。 我基本上放棄了使用經典編輯器來處理任何最複雜的事情。 因此,更多地依賴編輯器本身需要一些時間來適應。

不過,經過一些練習,我通常能夠完成我需要做的事情。 UI 足夠直觀,您可以開始創建構建頁面的攻擊計劃。 一旦你有了一個計劃,你就可以開始把它整合在一起的任務。

始終令人沮喪的一個項目是自定義元框的放置和(在某些情況下)消失。 對於初學者來說,這些是主題和插件放置在編輯屏幕上的框。 例如,您的 SEO 插件可能會添加一個元框,允許您調整頁面優化。

一些項目,例如自定義字段,被卡在屏幕底部(很公平,儘管到目前為止,這種類型的放置在經典編輯器中更容易控制)。 其他盒子在右下角折疊成手風琴。 但我確實發現了一些插件,它們的元框根本沒有顯示。

元框放置在底部和右下位置。

目前,對那些丟失的元框的唯一修復是暫時切換回經典編輯器。 從那裡,我可以在切換回古騰堡之前調整我需要的設置。 過程中沒有任何問題,但仍然很不方便。

由於元框是開發人員自定義 WordPress 的重要組成部分,因此似乎應該更加註意它們的實現方式。 雖然我不一定了解開發團隊決策背後的技術原因,但我可以說我認為更好的集成可以省去很多麻煩和用戶的抱怨。

少了什麼東西?

當我使用古騰堡來構建內容時,我不斷地回到它的巨大潛力。 但是,編輯器還沒有完全到位。

其中一部分是需要解決的無數錯誤和可用性問題。 但由於這個插件得到了更多的採用並獲得了大量的反饋,我希望在編輯器合併到核心之前,大部分都會得到解決。

等式的另一半是看到 WordPress 社區為進一步增強整體體驗所做的創造性工作。 由於可以構建自定義塊,我們一定會看到一些非常有用的東西添加到組合中。

現在,以庫存形式使用 Gutenberg 為我們提供了一種自定義內容的方式,這是經典編輯器無法做到的。 但真正將事情提升到下一個層次的將是來自社區的那些額外內容。

總而言之,我想說古騰堡幾乎不是一些人宣布的火車殘骸。 但它需要更多的微調和社區參與來幫助發揮其全部潛力。