使用區塊編輯器建立一個「可重複使用區塊」,節省文章編輯時間

文章最後更新於 2022 年 1 月 4 日

當你開始編輯一篇新文章時,往往會遇到需要重複介紹一個東西,或者重複寫你以前有寫過的一段文字描述、圖片教學等等。 每編輯一篇新文章就需要再重新編輯一遍,這非常的麻煩且沒有效率。

而在本文中,小翔將向你展示如何使用區塊編輯器建立一個「可重複使用區塊」,每當你需要時就可以一個步驟把你以前寫過的段落、圖文教學,瞬間添加到你目前正在編輯的文章中,極大提升文章編輯速度。

區塊編輯器介紹

在 WordPress 5.0 版本更新之後,經典的舊版編輯器已替換為全新的 Block Editor(區塊編輯器),正式成為 WordPress 官方的預設編輯器,直到今日也還在持續改良和完善功能。

如今,當在 WordPress 編輯文章/頁面時,假如你沒有安裝其他的文章編輯外掛或頁面編輯外掛,WordPress 預設會使用 Block Editor(區塊編輯器)來完成編輯這麼一個過程。 所以,除非你想使用其他的文章/頁面編輯器外掛來完成編輯這個步驟,否則學好 Block Editor(區塊編輯器)就是必要之事。

PS:區塊編輯器無須安裝,它不是外掛,是 WordPress 內建的。 區塊編輯器被歸類在 Core files(核心文件)裡,隨著官方 WordPress 版本的更新而更新,所以你在網站的外掛清單是找不到它的蹤影的。
區塊編輯器,文章編輯頁面

使用教學

如何新增一個可重複使用區塊?

step 1

首先,選擇你想要複製到其他文章的,以前寫過的一段文案、圖文教學,並開啟該文案所在文章的編輯頁面。

如下圖所示,架設我想要把這篇文章中的一個部份,也就是「Code Snippets 外掛介紹」這一段文案,可以輕鬆添加到其他文章,就開啟該段文案所在文章的文章編輯頁面。
我想把 Code Snippets 外掛介紹這段文案添加到可重複使用區塊

step 2

如下圖所示,點擊整段文案中的最開頭位置。

點擊該段文案最一開始的位置

step 3

並下滑到整段文案結尾的地方,按住 shift ⇧ + 滑鼠左鍵 點擊整段文案結尾的最後一個區塊。

下滑,shift ⇧ + 滑鼠左鍵最後一個區塊

step 4

  1. 如下圖所示,點擊左上方的「設定」選項。
  2. 並選擇「新增至可重複使用區塊」。
設定 > 新增至可重複使用區塊

step 5

  1. 為你剛剛新增的可重複使用區塊設定名稱,方便以後的使用與管理。
  2. 並單擊「儲存」按紐。
設定可重複使用區塊名稱 > 儲存

step 6

這樣就完成了,你已新增一個可重複使用區塊,可以關掉這個視窗了 (不用儲存更新這篇文章)。

關掉視窗

編輯文章時如何插入可重複使用區塊?

step 1

當你在編輯一篇新文章時,想在文中插入你剛剛新建的可重複使用區塊。 如下圖所示,你可以單擊左上角的「」按紐。

單擊左上角「✚」按紐

step 2

  1. 首先,點擊「可重複使用」選項。
  2. 如下圖所示,把欲插入文章的可重複使用區塊,拖曳到文中你想插入的區域。
可重複使用 > 拖曳可重複使用區塊到文中想插入的區域

step 3

接著,單擊左上角的「」按紐,關閉區塊插入器。

單擊「✖」按紐

step 4

如下圖所示,點擊上方的「選取[可重複使用區塊]」 圖示。

選取[可重複使用區塊]

step 5

單擊「轉換成一般區塊」圖示。

轉換成一般區塊

效果預覽

如此,你已經為你的文章插入了可重複使用區塊。 如下圖所示,我已經把別篇文章中的「Code Snippets 外掛介紹」這整段文案,插入到以下這篇新文章中了。


0 0 選票
文章評分

如果對文章內容有任何問題,歡迎在底下留言讓我知道。
如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。
還沒訂閱部落格的朋友們,記得在右上角填入信箱,收到我最新文章的通知。

by 小翔

訂閱
通知
guest
0 評論
在線反饋
查看所有評論