使用 WordPress Gutenberg 塊編輯器幫助您完成項目的提示

已發表: 2021-03-02

在構建網站時,盡可能提高效率非常重要。 那些在不犧牲質量的情況下節省時間的小技巧總是受歡迎的。

WordPress Gutenberg 塊編輯器內置了許多隱藏的生產力寶石。鍵盤快捷鍵和 UI 增強等功能可以幫助我們更快地完成工作。 它們特別適合那些瑣碎的任務,例如復制塊或重新定位它們以適應特定的佈局。 但這僅僅是開始。

當然,編輯器還在不斷變化。 正在添加新功能,同時可用性也得到了顯著改善。 對用戶來說,困難的部分是其中一些項目的發布很少大張旗鼓。

今天,我們將向您介紹四個可用於在創紀錄的時間內完成內容製作項目的功能。

利用鍵盤快捷鍵

就像您最喜歡的操作系統一樣,Gutenberg 帶有一些方便的鍵盤快捷鍵。 這是一件好事,因為在大型項目中使用鼠標或觸控板打開選項菜單可能會變得乏味。

甚至還有一個短鍵盤可以顯示(你猜對了)可用快捷鍵的完整數組: Shift + Alt + H

WordPress 塊編輯器鍵盤快捷鍵。

其中的亮點:

複製選定的塊 - Ctrl + Shift + D

每當您需要在頁面上使用多個特定塊的實例時,這將節省大量時間。 例如,它非常適合添加要在整個內容中分佈的多行列或分隔符。

Ctrl + Alt + T之前或選定塊之後插入新塊Ctrl + Alt + Y

有時,在您當前位置的上方或下方放置一個新塊需要一些光標體操(儘管我們將在下面更詳細地討論這一點)。 這些快捷方式將幫助您不間斷地添加塊。

保存更改Ctrl + S

就像您最喜歡的桌面應用程序一樣,保存對頁面或帖子的更改只是一個快捷方式。

撤消上一次更改Ctrl + Z

台式機的另一個最愛,這個將抹去最後的“哎呀”時刻。

選擇並移動多個塊

在製作完美的頁面佈局時,有時您可能需要將多個連續的塊移動到新位置。 值得慶幸的是,您不必浪費時間單獨移動每個塊。 相反,有一種方法可以選擇您想要重新定位的塊並將它們放置在您喜歡的任何地方。

為此,請單擊要移動的第一個塊並按住Shift鍵。 然後,單擊您要移動的最後一個塊。 這將自動選擇範圍內的所有塊。

從那裡,您可以使用對話框中的向上或向下箭頭來移動您的選擇。 對於大動作,您還可以單擊拖動塊按鈕(向上/向下箭頭左​​側的六個“點”)。

通過代碼編輯器替換頁面內容

有很多 WordPress 網站仍在使用經典編輯器或頁面構建器插件。 切換到塊編輯器的過程通常需要重新構建任何自定義頁面佈局。 但是,在頁面的“實時”版本上工作並不是最安全的選擇。

Gutenberg 代碼編輯器允許您輕鬆地將新佈局從測試頁面移動到“實時”版本。 以下是它的工作原理(請務必先備份您的內容):

1.創建一個使用塊編輯器的新頁面。 然後,構建頁面以滿足您的需求。

2 、對自己搭建的頁面滿意嗎? 現在,您可以復制其佈局和內容。

在您的新頁面上,打開“選項”面板(屏幕右上角的三點圖標)並選擇“代碼編輯器”。 您還可以使用鍵盤快捷鍵: Ctrl + Shift + Alt + M

單擊進入代碼編輯器。 從那裡,選擇其所有內容( Ctrl + A )並複制它們( Ctrl + C )。 您可能希望將代碼粘貼到文本編輯器中以確保安全。

3.接下來,打開您現有的頁面(您要替換的頁面)。 確保它正在使用塊編輯器(如果您使用的是經典編輯器插件,您可能需要單擊屏幕右側的“切換到塊編輯器”鏈接)。

4.就像上面的第 2 步一樣,打開代碼編輯器。 刪除現有頁面上的所有內容並粘貼之前創建的新頁面中的內容 ( Ctrl + P )。

5.單擊更新按鈕,您的新頁面佈局將就位!

輕鬆選擇嵌套塊

使用鼠標選擇嵌套組中的特定塊可能會令人沮喪。 例如,只選擇一行中的一列,甚至選擇整個列塊。 您必須在正確的位置單擊。

有一個更簡單的解決方案。 隱藏在屏幕底部的塊麵包屑就是您所需要的。 它顯示了組結構的完整層次結構。

要使用它,請單擊編輯器中塊組的任意位置。 然後,在下面的麵包屑中找到您要選擇的確切內容。 單擊層次結構中的所需塊,即可進行編輯。

或者,您也可以使用“列表視圖”(屏幕左上角的偏移“漢堡”圖標)查看頁面上使用的塊的完整列表。 找到您要編輯的那個並單擊它。 簡單!

使用塊編輯器變得更加熟練

是的,塊編輯器仍在發展。 但我們終於到了穩定一點的地步。 這使它成為幾乎任何 WordPress 網站的可行選擇。 這也意味著內容創作者需要提高他們的熟練程度。

最好的方法之一是避免使用點擊方法來構建佈局。 這既令人沮喪又浪費寶貴的時間。 通過使用鍵盤快捷鍵和一些方便的 UI 功能,現在有更有效的方法來完成工作。

上述提示將使您的旅程有一個良好的開端。 使用它們來減少構建時間並以更少的努力完成更多工作。