古騰堡編輯器教學:如何使用WordPress嵌入區塊

古騰堡編輯器教學:如何使用WordPress嵌入區塊-1

WordPress嵌入區塊支援將WordPress文章作為卡片的形式嵌入到您的文章或頁面中。嵌入的文章將有自己的佈局,並位於您的內容中,無論您選擇何處。如果您要在自己的部落格文章中間新增一個嵌入區塊,它將如下所示:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-1

在您的內容中嵌入WordPress文章有幾個不同的原因。例如,假設您正在撰寫一篇博文,並且想要嵌入另一位博主所寫的博文。也許它會為您的文章新增重要資訊,您的讀者會發現有趣而無需您對其進行解釋。或者,也許您正在評論或批評他人的作品,並且想要嵌入您正在談論的文章。

在本文中,我們將討論如何將WordPress嵌入區塊新增到您的文章或頁面、您可以使用的不同選項、充分利用嵌入功能的最佳實踐以及使該過程萬無一失的常見問題解答儘可能。

請注意,您只能選擇要嵌入的公開文章。

如何將WordPress嵌入區塊新增到文章或頁面

以下是在文章或頁面上嵌入WordPress文章的方法:

步驟1:找到文章的網址

轉到您要嵌入的WordPress文章,從搜尋欄中複製連結。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-3

步驟2:開啟或建立文章或頁面

要更改已經發布的文章或網頁,點選文章或頁面的左側欄,然後選擇要編輯的文章或頁面。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-4

要新增新文章或頁面,請點按邊欄中的相關選項,然後選擇該選項下方或頁面頂部的“新增”

古騰堡編輯器教學:如何使用WordPress嵌入區塊-5

步驟3:將WordPress區塊新增到文章或頁面

如果您使用的是Gutenberg(WordPress古騰堡區塊編輯器),請單擊空白區域並單擊加號圖示。在搜尋塊欄中,輸入“WordPress”,選擇顯示的WordPress區塊。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-2

接下來,將顯示一個視窗,您可以在其中貼上之前複製的連結。貼上連結,然後單擊嵌入按鈕。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-7

這是文章嵌入後的樣子:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-3

如果您使用的是經典編輯器,則只需將WordPress文章中的連結複製並貼上到文章或頁面中。(您也可以在Gutenberg中執行此操作。)這是新增後的樣子:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-4

有時,無法嵌入連結。如果是這種情況,您會看到一條訊息,內容為“抱歉,無法嵌入此內容。” 要重試,您可以單擊視窗底部的轉換為連結按鈕。如果仍然無效,您必須輸入不同的URL並點選重試

WordPress嵌入區塊設定和選項

嵌入區塊將在頂部有一個帶有六個選項的工具欄。從左到右,這些選項是:

  • 更改塊型別或樣式
  • 拖動
  • 向上或向下移動
  • 更改對齊方式
  • 修改網址
  • 更多選項

古騰堡編輯器教學:如何使用WordPress嵌入區塊-5

在我們深入瞭解每個人的功能之前,請注意這些設定僅在您使用古騰堡區塊編輯器時才可用。在經典編輯器中,您可以對嵌入的文章進行的唯一更改(除了刪除它)是更新URL:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-6

更改區塊型別或樣式

古騰堡編輯器教學:如何使用WordPress嵌入區塊-7

單擊更改區塊型別或樣式選項可以將塊轉換為列、組或段落。將滑鼠懸停在其中一個選項上會顯示它的外觀:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-13

(1)欄目

欄目選項,您可以新增多個列,然後新增區塊那些列。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-14

您可以選擇預設樣式,這意味著內容將適當地間隔開,或者選擇重疊選項,其中一列將與另一列略微重疊(例如,您可能希望對照片執行此操作)。

您也可以使用顏色選項來更改文字、背景或連結顏色。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-15

(2)組

組選項,可以將不同的區塊組合一起。下圖是預設佈局,如果您選擇邊框,它會在區塊周圍新增邊框並使內容更小。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-16

您在此處具有與欄目區塊樣式相同的顏色選項。您還可以使用填充來調整區塊之間的間距。

(3)段落

您不會想要選擇段落選項,因為它會去除影象和文字,只留下URL:

古騰堡編輯器教學:如何使用WordPress嵌入區塊-17

拖動

古騰堡編輯器教學:如何使用WordPress嵌入區塊-18

當您將滑鼠懸停在拖動選項上時,您的游標會變成一隻手,您可以將區塊拖動到您想要放置的任何位置。當你四處移動方塊時,它會變成一個小黑盒子。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-19

向上或向下移動

古騰堡編輯器教學:如何使用WordPress嵌入區塊-20

單擊向上向下箭頭將相應地移動區塊。如果您位於頁面頂部,則不會有向上選項,如果您已經位於頁面底部,則不會有向下選項。

更改對齊方式

古騰堡編輯器教學:如何使用WordPress嵌入區塊-21

有五個對齊選項可供選擇:

  • 居左對齊
  • 居中對齊
  • 居右對齊
  • 寬幅
  • 全幅

古騰堡編輯器教學:如何使用WordPress嵌入區塊-22

如果您選擇居左對齊居右對齊,內容將相應移動並縮小尺寸。選擇其他三個選項中的任何一個都會使其更大,佔據大部分頁面寬度。

修改網址

古騰堡編輯器教學:如何使用WordPress嵌入區塊-23

如果您決定嵌入其他內容,則單擊“編輯URL”選項可讓您更改URL。

古騰堡編輯器教學:如何使用WordPress嵌入區塊-24

更多選項

古騰堡編輯器教學:如何使用WordPress嵌入區塊-25

更多選單有一些額外的選項和設定:

  • 隱藏更多設定:這會隱藏頁面右側邊欄上的文章和區塊編輯器。
  • 複製:這會將塊複製到剪貼簿,您可以進入另一個文章或頁面(或當前文章/頁面中的另一個區域)將其貼上到那裡。
  • 建立副本:這會複製原始區塊下方的區塊。
  • 在當前區塊前或後插入:這些選項可讓您在當前單擊的塊之前或之後插入塊。
  • 移動至:您的內容中將顯示一條藍線,您可以使用鍵盤上的箭頭來移動它。當您點選Return 時,您的內容將重新定位在那裡。
  • 作為HTML編輯:這允許您更改區塊的HTML程式碼。
  • 新增至可重用區塊:這將使您可以將區塊新增到可重用區塊中,從而更輕鬆地將其快速新增到其他文章或頁面。
  • 組合:這是將塊更改為組的一部分的另一種方法。
  • 移除區塊:這將從您的文章或頁面中刪除區塊。

使用WordPress嵌入區塊的提示和最佳實踐

除上述內容以外,還有一些WordPress嵌入區塊技巧和最佳實踐可以進一步提高您的技能。

選擇可以豐富您內容的文章或頁面

您的讀者應該從您自己不會包含的嵌入內容中獲得一些東西。也許你不能寫一些東西,因為你沒有專業知識。或者您不想深入研究它,因為您會偏離主題太多。有可能你可以寫它,但其他人已經做了出色而徹底的工作,所以你寧願把它留在他們的話中。您也可能想在您的網站上宣傳其他人的內容。

無論您嵌入內容的原因是什麼,請確保您的讀者將從中受益,它不會重複您已經編寫的內容,並且即使他們也想探索內容,他們仍然有理由留在您的頁面上嵌入連結。

不要過多引入嵌入內容

嵌入內容可以使您的內容看起來更具吸引力,併為讀者提供更多深入研究主題的方法。但不要過度——在您的內容中嵌入一兩個塊就可以了。您不想包含太多內容以致於您自己的內容丟失,並且您絕對不想引導人們離開您的站點太多以至於他們不會回來完成他們開始的那篇文章。如果您擔心他們會被您推薦的任何連結所吸引,請將其包含在內容的末尾,而不是開頭或中間。

使用古騰堡編輯器代替經典編輯器

雖然有些人在編寫或自定義WordPress內容時更喜歡經典編輯器,但使用Gutenberg是利用您可以使用的所有區塊選項的唯一方法。除非您喜歡嵌入內容的原樣方式並且不想對其進行任何調整,否則您會想要使用Gutenberg。

要有耐心……並知道你想要做什麼

雖然WordPress嵌入區塊設定按預期工作,但有些人比其他人更喜怒無常。例如,對欄目和組進行試驗就有點頭疼。為不同的區塊樣式找到和調整附加設定需要大量的反覆試驗,有時按鈕沒有像我想象的那樣響應。最終,我能夠找到並編輯所有內容,但並非沒有挫敗感。

最好的辦法是從一開始就知道自己想要什麼。例如,如果您知道要建立欄目或分組專案,請決定將有多少內容和哪些內容放在那裡。這將使進入和退出變得更加容易。

關於WordPress嵌入區塊的常見問題

什麼是WordPress區塊?

區塊是您將各種內容新增到WordPress文章或頁面的地方。有許多區塊型別可供使用,從純文字和HTML區塊到多媒體區塊,甚至用於調查問卷、評級、社交媒體圖示、時間線等的區塊。

什麼是古騰堡區塊嵌入?

Gutenberg允許您新增帶有嵌入內容的區塊,包括音訊、影象、視訊、社交媒體內容和其他WordPress內容(如文章和頁面)。

如何在WordPress中新增區塊?

當您使用Gutenberg編輯器編輯文章或頁面時,單擊加號圖示(它是黑框中的白色加號)。這將讓您選擇要新增到該區域的區塊。

為什麼不顯示區塊工具欄?

檢視是否有您必須安裝的WordPress更新。這發生在我們試驗嵌入區塊的中途。它工作正常,然後突然間,工具欄停止顯示,WordPress甚至不會註冊該區塊已被選中。事實證明,當時釋出了一個更新,必須安裝它才能使一切恢復正常。

小結

當您為客戶、粉絲、讀者或訪問您網站的任何人建立WordPress內容時,您希望他們儘可能留下深刻的印象。展示其他創作者(或您自己的另一個網站)的作品可以增強您的內容,並向您的訪問者表明您關心他們的體驗。他們不需要生活在您的網站上才能繼續享受它。為他們提供出色的內容,將他們傳送到其他地方以從中獲得更多收益,並且知道他們會回來的,因為他們喜歡您提供的整體內容,從您自己的想法到您無可挑剔的建議和策展技巧。

評論留言