WordPress可重用塊101:如何使用它們

[ad_1]

WordPress區塊編輯器(AKA Gutenberg)於2018年底發布。它是WordPress的內置拖放編輯器,它使創建樣式化的布局更加容易。使用WordPress可重用塊,您可以在編輯器中工作時節省大量時間。

本質上,WordPress可重用塊提供了重複使用您創建的內容的功能。它有些不是所有人都了解的隱藏功能,因此我們將引導您完成所有需要了解的內容!

使用#WordPress區塊編輯器?了解可重複使用的塊如何使您的生活更輕鬆?

點擊鳴叫

什麼是WordPress可重用塊?

可重複使用的WordPress區塊是一個或多個的集合/排列 編輯器塊 您可以將其保存在庫中以供以後使用。

可重複使用的塊可能很簡單,例如您想要一次又一次地重複使用的圖像。另一方面,可重用的塊可能包含複雜的元素集合,用於複製更高級的Web設計。從技術上講,您可以將整個頁面設計保存為可重複使用的塊,然後將其轉移到其他頁面或網站。

另一件好事是,如果您編輯可重複使用塊的設計,那麼這些更改將自動應用於可重複使用塊的每個實例–無需手動編輯使用可重複使用塊的每個帖子。

可重複使用的塊背後的想法是最大程度地減少重新發明輪子的需要。這是人們同理的原因 使用WordPress主題。如果已經為您建立了基礎,從頭開始有什麼意義?

以來 許多博客 而且網頁設計師會在博客文章和頁面中重複內容,因此有必要為他們提供消除重複的繁瑣任務的方法。

製作和實現可重用塊的好處

如果您在查看可重複使用的塊的整體價值時遇到麻煩,則可以從中獲得一些好處和優勢:

  • 不再需要將內容模板複製到文本編輯器中並將其粘貼到新的帖子或頁面中。
  • 您可以設計一個唯一的網頁,然後在其他網站或同一網站上將其複製。
  • 這些塊非常適合在文章的結尾或開頭添加內容,例如 社交媒體按鈕,作者傳記, 電子郵件加入, 和更多。
  • 許多網頁都需要號召性文字和 紐扣。如果您這樣做特別有用 製作大量登陸頁面
  • 桌子有點 製作複雜,因此可重複使用的塊使您可以快速複製它們。
  • 許多博客和營銷商在所有頁面和帖子上都有廣告或會員橫幅。塊減少了手動添加這些每次。
  • 您可以保存諸如 調查,表格和 測驗 作為可重用的塊,然後根據需要更改內容。

一旦您開始考慮它,可重用塊的好處似乎無窮無盡。這個故事的寓意是,它們消除了不必要的工作並節省了您的時間。

但是,如何製作這些積木呢?

如何使WordPress可重用塊

要開始此過程,請在WordPress儀錶板中創建一個新帖子或頁面。對於此演示,我們將撰寫新的博客文章。我假裝自己有一個視頻課程向讀者提供。因此,我想在每個博客文章的底部放置一個醒目的號召性用語和註冊按鈕。

請記住,您也可以為其他需求創建可重用的塊。

創建新帖子後,在文本編輯器中找到「添加阻止」按鈕。點擊那個。

添加阻止按鈕

向下滾動列表或搜索「段落」,或要使其重用的任何類型的塊。

段落塊

我還想為此添加一個按鈕 呼籲採取行動。

添加按鈕

設計您想要的塊。許多設計工具位於編輯器的右側。例如,我更改了號召性文字的背景。

更改WordPress可重用塊的設置

有兩種方法可以使可重用的塊。首先是分別保存塊。為此,在塊上滾動並找到三個垂直點按鈕。

在下拉菜單中,單擊添加到可重用塊。

添加到WordPress可重用塊

現在,它要求您命名可重複使用的塊。沒有人看到這一點。稍後您可以找到模板。單擊保存按鈕。

命名

但是,如果您需要將多個塊保存在一起怎麼辦?這對於複製更複雜的設計或在我的號召性用語中添加按鈕很有用。

為此,您只需選擇要保存的所有塊。有兩種選擇多個塊的方法:

  1. 您可以在按住滑鼠按鈕的同時單擊並拖動滑鼠(就像選擇多個文本段落一樣)。
  2. 您可以選擇一個塊,然後在按住Shift鍵的同時單擊要包括在組中的其他塊。

選中所有塊後,單擊三個點按鈕。

三點

選擇添加到可重用塊選項。

添加到可重複使用的塊

命名可重複使用的塊,然後單擊「保存」按鈕。在此示例中,我將可重複使用的塊命名為「帶按鈕的視頻教程邀請」。

將可重用塊添加到您網站上的新帖子或頁面上

現在是時候將可重用的塊插入網站上的其他位置了!

為此,請打開常規塊插入器界面,然後向下滾動。

在列表的最底部,您會找到「可重用」部分。單擊您要插入的那個。

如果您記得可重用塊的名稱,則也可以按名稱搜索它。或者,您可以使用「 /」快速插入可重複使用的塊,而無需使用完整的介面。例如:

/[name-of-reusable-block]

抓住你的可重複使用的塊

選擇此選項後,塊編輯器將插入您先前設計的精確副本,從而無需為每個博客帖子編寫和設計號召性用語(或任何設計)。

第二篇博客文章 如何在特定帖子中編輯可重用塊中的內容

插入後,您將無法直接從WordPress編輯器中編輯可重複使用的塊。要編輯可重複使用的塊內容,您需要使用塊管理界面,我們將在下面介紹。

但是,您可以通過將可重用的塊轉換為常規塊來進行更改。

這不會影響您的可重用塊的其他實例,只會影響您正在編輯的特定帖子。另外,將可重用塊轉換回常規塊後,如果您更改可重用塊,以後將無法自動更新它。

要將可重用塊轉換回常規塊,請打開可重用塊的菜單,然後選擇轉換為常規塊:

兌換

這消除了所有編輯限制,因此您現在可以更改這兩個塊(文本和按鈕塊),就好像它們是直接在新帖子中創建的一樣。

進行編輯如何導出和導入WordPress可重用塊

可重複使用的塊的優點是您不僅限於在同一網站上使用它們。

您也可以導出可重複使用的塊,以將其插入到其他一些網站上。這對於Web設計人員或管理多個站點的任何人都非常有用。

在編輯器中,找到編輯器右上方的「 +」按鈕。

單擊該按鈕以顯示塊列表。滾動到底部,然後選擇「可重用」部分。找到並單擊「管理所有可重用塊」鏈接以繼續前進。

如何訪問WordPress可重用塊管理界面

該區域有助於編輯可重複使用的塊,刪除它們以及製作新塊。

提示:如果要編輯可重用塊的所有實例,則可以單擊「編輯」鏈接。您所做的任何更改將自動應用於使用可重用塊的每個帖子(除非您按照上一節中顯示的方法將其轉換回常規塊)。

但是,現在,請單擊您要導出的可重用塊下的「導出為JSON」鏈接。這樣可以節省 JSON格式 文件到您的計算機。不用擔心,無需了解JSON文件的實際功能。

將WordPress可重用塊導出為JSON文件

現在,您必須登錄到其他WordPress儀錶板。同樣,使用之前相同的步驟轉到「阻止」頁面。

有一個按鈕顯示「從JSON導入」。單擊該文件以在您的計算機上找到JSON文件,並將其上傳到新網站。您現在已將可重複使用的塊轉移到一個完全不同的站點!

從JSON導入-WordPress可重用塊您是否利用了WordPress可重用塊?

WordPress可重用塊是一個有用的工具,可加快您的內容創建過程並標準化整個網站上的內容。創建可重複使用的塊後,您可以輕鬆地將其插入站點中的其他任何位置。

使用#WordPress區塊編輯器?了解可重複使用的塊如何使您的生活更輕鬆?

點擊鳴叫

另外,如果您將來需要更改該內容(例如更新CTA),則只需編輯該塊一次,這些更改將推送到該可重用塊的每個實例中。

或者,您也可以將可重用的塊轉換回常規塊,以便能夠逐個地編輯其內容。

有關使用新塊編輯器的更多幫助, 在這裡查看我們的教程。您還可以安裝一些 最好的WordPress區塊插件 以獲得更大的靈活性。

您仍然對在WordPress中使用可重用塊有任何疑問嗎?在評論中詢問我們!

相關文章