WordPress 區塊編輯器持續地改進，每個新版本都包含一些值得鼓舞的東西。
該工具賦予了內容創作者和設計師更多的權力， 您不再需要額外的外掛都可以方便地構建頁面。 WordPress核心幾乎包含所有基礎知識， 還需要什麼嗎？
然而，這些都不能使區塊編輯器萬無一失， 一個簡單的錯誤可能意味著更難的維護——特別是當客戶參與其中時。
我用了區塊編輯器建造了不少網站， 並不是每個決定都是好的。 是的，我弄得一團糟。 清理它們可能很耗時。
今天，我要分享一些我學到的東西。 願這些課程能幫助你避免類似的命運！
應該做的事情：考慮未來的維護需求
頁面佈局不會永遠持續下去， 他們必須隨著我們內容需求的演變而進行調整。 在這些情況下，區塊編輯器可以充當臨時性佈局。
例如，考慮一家公司的員工名單。 比方說，我們的客戶想顯示每個人的名字、頭銜和照片。
這聽起來很簡單。 我們可以使用列塊來建立一個美觀且響應迅速的佈局。 頁面看起來很完美。 但是當我們需要做出改變時，會發生什麼？
工作人員來來去去。 是的，我們可以用新員工取代離職的員工。 再說一遍，我們的客戶希望它們按字母順序顯示。 所需的更改不隨之而來。 我們現在要做什麼？
這些選擇不太理想。 我們可以編輯塊的程式碼來重新排列每列。 或者我們可以從頭開始重建佈局。 這兩種可能性都充滿了危險。 好吧，也許我有點誇張了。 但這並不有趣。
自定義塊可能是一個更好的解決方案。 使用 Advanced Custom Fields PRO，您可以建立一個介面，以便於維護。 新增、刪除和重新排列列表將內建到塊中。 進行更改時，沒有必要重新再開始。
課程是考慮佈局的未來維護需求。 然後，實施一項允許改變的策略。 時機到來時，你會很高興的。
不該做的事情：允許使用者在塊和經典編輯器之間切換
WordPress 傳統編輯器仍然健在，數百萬網站正在使用它，使用你覺得舒服的工具沒有錯， 沒關係。
However, mixing the Block and Classic editors can be messy. The Classic Editor plugin has a setting that allows users to switch between editors. You might want to leave this feature turned off.
然而，混合Block和Classic編輯器可能會很混亂。 傳統編輯器外掛有一個允許使用者在編輯器之間切換的設定， 您可能想要關閉此功能。
假設您使用塊編輯器構建了一個複雜的佈局。 但是你的客戶不喜歡積木。 或者他們不熟悉他們。 他們決定使用經典編輯器編輯此頁面。 搞笑（或悲劇）隨之而來。
然後，您編輯頁面並切換回塊編輯器。 您看到許多錯誤，表示塊包含無效內容。 “嘗試塊恢復”功能不起作用。 看起來你手上弄得一團糟。
在這種情況下，可能會出太多問題。 因此，不允許使用者在編輯器之間切換。 這是一個等待發生的事故。
應該做的事情：仔細選擇第三方塊外掛
有許多外掛可以擴充套件塊編輯器。 其中許多提供一套自定義塊。
WordPress中包含的核心塊並不總是靈活的， 因此，安裝自定義塊可能會有所幫助，但值得先仔細檢查它們的可靠性。
只安裝你需要的東西。 研究每個外掛的評論和更改日誌。 並刪除任何您不使用的區塊外掛。
危險是什麼？ 錯誤的外掛可能會導致錯誤或效能問題。 此外，安全始終是一個令人擔憂的問題。
第三方塊需要承諾。 確保你準備好邁出那一步。
不該做的事情：將塊編輯為HTML
傳統編輯器使在視覺和程式碼編輯之間切換變得簡單。 您可以使用此功能新增HTML或CSS類。 有一些小插曲，但效果很好。
區塊編輯器具有類似的功能， 塊有一個“Edit as HTML” 介面。 您可以透過每個區塊的選項選單訪問它。
顯示“此塊包含意外或無效內容”錯誤。 從那裡開始，我必須回去退學。 新增其他型別的內容時也會出現同樣的問題。
因此，將編輯塊HTML視為禁區可能是明智的。 風險多於回報。
此外，您可以使用自定義HTML塊來執行類似的任務。 將HTML、CSS甚至JavaScript新增到欄位中。 你不會把它弄壞的！
By the way, you can add CSS classes to blocks via the Advanced tab in the settings panel.
順便說一句，您可以透過設定面板中的“高階”選項卡將 add CSS classes 到區塊中。
應該做的事情：使用塊編輯器的列表檢視功能
WordPress允許我們在彼此內部巢狀塊，積木是行動式的，您可以將它們拖到螢幕上的任意位置。
例如，將塊移動到新位置可能很困難。 犯錯很容易。 錯誤的舉動可能會破壞許多艱苦的工作。
列表檢視( List View )功能可以為您省去很多麻煩。 它提供了您頁面上每個塊的視覺輪廓。 它甚至適用於巢狀塊。
更好的是，您可以直接在列表檢視中輕鬆重新定位塊。 單擊一個塊，然後將其拖到所需位置。 需要移動多個區塊嗎？ 那也是有可能的。
使用者體驗比與編輯搏鬥要好得多。 你會更好地瞭解你在頁面上的位置。 而且它可能會使編輯更容易。
應該做的事情：繼續使用塊編輯器進行實驗
塊編輯器並不完美，像所有編輯器一樣，它有一些怪癖和煩惱， 但這仍然值得測試它的限制。
這通常是最好的學習方式。 所以，建立一個本地網站並進行實驗。 看看什麼有效，什麼不有效。 但不要把自己限制在一次測試上。
使用者體驗正在演變。 因此，一種上次不起作用的技術現在可能成為可能。 您甚至可以安裝 Gutenberg 外掛，以瞭解未來版本的內容。
這樣做會為你服務。 您將能夠構建經得起時間考驗的佈局。 你可能會驚訝於使用積木可以完成的事情。
