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

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

WordPress的Twitter嵌入區塊可讓您在WordPress文章和頁面中嵌入Twitter推文。雖然這僅適用於公開推文,但知道您不需要Twitter帳戶即可使用此功能會很有幫助。

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

想要在您的WordPress文章或頁面中嵌入推文的原因有很多:

  • 為您的網站或部落格內容新增社交資料
  • 與其他人互動,無論他們是行業專家還是粉絲
  • 豐富您的內容,使其看起來更具吸引力並提供更多資訊
  • 用現實生活中的例子來支援你所說的

在本教程中,我們將向您介紹如何將Twitter嵌入區塊新增到WordPress文章或頁面,包括該區塊包含的所有不同選項。我們還將介紹一些提示、最佳實踐和常見問題解答,以幫助您順利上路。

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

查詢推文的URL

找到您要嵌入的推文。要獲取特定推文的連結,您有三個選項:

1. 將滑鼠懸停在推特名稱右側的空白處,然後單擊以在其自己的頁面中開啟推文。

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

2. 右鍵單擊​​時間或日期戳,然後選擇複製連結(或類似)。

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

3. 單擊推文視窗底部的向上箭頭。這將開啟一個選單,將連結複製到推文可能是選項之一。

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

在WordPress中新增Twitter嵌入區塊

使用Gutenberg區塊編輯器,新增Twitter嵌入區塊。將滑鼠懸停在頁面上的空白區域上,您會看到一個黑色框內的白色加號(當您將游標移到它上面時,框會變成藍色,如下圖所示)。

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

單擊該加號將顯示您可以新增到WordPress文章或頁面的所有區塊。在搜尋框中輸入“Twitter”,然後選擇出現的Twitter嵌入區塊。

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

這會將Twitter嵌入區塊新增到您的WordPress文章或頁面。

古騰堡編輯器教程:如何使用Twitter嵌入區塊-8

將推文的URL新增到Twitter嵌入框

現在,獲取您從推文中儲存的URL並將其貼上到嵌入框中。完成後單擊嵌入。

古騰堡編輯器教程:如何使用Twitter嵌入區塊-9

Twitter嵌入框的最終結果(或錯誤訊息)

這是新增後的樣子:

古騰堡編輯器教程:如何使用Twitter嵌入區塊-10

但是,如果您抓取了無法嵌入的連結,您可能會收到錯誤訊息。您可以再次嘗試連結或選擇轉換為連結選項,但如果兩者都不起作用,則必須使用其他連結。

古騰堡編輯器教程:如何使用Twitter嵌入區塊-11

Twitter嵌入區塊設定和選項

當您單擊Twitter嵌入區塊時,嵌入推文頂部上方的工具欄中會顯示六個選項:

古騰堡編輯器教程:如何使用Twitter嵌入區塊-12

從左到右分別是:

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

更改區塊型別或樣式

此選項允許您從三種塊型別中進行選擇:欄目、組和段落。您(可能)想要使用的唯一兩個是欄目和組;段落只會將您嵌入的推文變成直接連結。

列選項很棘手。在我的主題中,只新增兩列最終切斷了推文:

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

我在組佈局上運氣更好,它將兩條推文並排放置並完整顯示它們:

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

您還可以將背景顏色更改為純色或漸變色。要在右側邊欄中顯示該工具欄,請單擊“更多選項”按鈕(帶有三個垂直點),然後選擇“顯示更多設定”

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

知道塊樣式工具非常喜怒無常。當你點選時弄清楚發生了什麼並不容易,你必須繼續玩弄它,直到推文按照你的意願出現。

拖動

將滑鼠懸停在拖動選項上將使您的游標變成一隻手。然後,您可以拖動塊以將其放置在頁面上所需的位置。請注意,當您拖動該框時,它會變成一個小黑框,直到您重新定位它為止。

向上或向下移動

上移或下移箭頭可讓您將Twitter嵌入框向上或向下移動一個空間,除非您已經位於頁面的頂部或底部。

更改對齊方式

您有五個對齊選項:

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

選擇向左或向右對齊將使Twitter嵌入框更小。選擇其他三個選項中的任何一個都會使其更大。

修改網址

如果您想替換推文的URL,您可以在這裡進行。這比刪除Twitter嵌入框並從新開始更容易。

更多的選項

更多選項的選擇,這是三個點,有許多可供選擇的方案:

  • 隱藏更多設定:隱藏右側編輯邊欄。
  • 複製:將塊複製到剪貼簿。將其貼上到您當前文章/頁面上的另一個位置或另一個文章/頁面。
  • 建立副本:在當前嵌入塊下方建立Twitter嵌入區塊的副本。
  • 在之前或之後插入:在當前塊之前或之後新增一個塊。
  • 移動到:調整出現的藍線,然後按鍵盤上的Return將推文重新定位到那裡。
  • 作為HTML編輯:編輯塊的HTML程式碼。
  • 新增至可重用區塊:從當前Twitter嵌入區塊建立一個可重用區塊。
  • 組合:將塊樣式更改為組。
  • 移除區塊:刪除塊。

有效使用Twitter嵌入區塊的提示和最佳實踐

保持縱橫比

如果您單擊Twitter嵌入區塊工具欄中的“更多選項”按鈕,您將看到右側邊欄中顯示一個選單。如果您單擊頂部的區塊(如果尚未選擇),您將看到媒體設定部分。切換為較小的裝置調整大小按鈕,使其為藍色。

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

這意味著當瀏覽器調整大小時,比如在移動裝置而不是計算機上檢視時,嵌入的推文的縱橫比也會自動調整。這可以使推文更容易被看到。

不要太擔心背景顏色

我認為能夠以幾種不同的方式更改列或組佈局的背景顏色是一個不錯的選擇,但是這個工具非常敏感,我不確定是否值得麻煩。此外,當我能夠改變顏色時,它看起來不太好。假設您的網站已經設定為展示您的品牌顏色,則可能不需要調整您的Twitter嵌入的背景。在這種情況下,更簡單的方法可能是最好的方法——新增Twitter嵌入區塊並保留佈局。

嵌入您自己的推文!

在您的WordPress內容中嵌入您自己的推文是鼓勵交叉推廣的好方法。例如,如果您正在舉辦Twitter競賽,嵌入的推文將很容易將部落格閱讀引導至他們可以參與的平臺。您可以根據文章或頁面上的主題嵌入不同的推文,或者如果您有特別吸引人或相關的推文,則可以在所有內容中嵌入相同的推文。

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

為什麼要嵌入推文?

嵌入推文的原因有很多,無論是您自己的、您公司的還是其他人的。嵌入的推文可以幫助您分享客戶推薦、增加社交媒體資料的流量、宣傳活動或表示對其他Twitter使用者的支援。

可以在WordPress中嵌入最近的推文嗎?

要嵌入您最近的推文(並始終更新它們),您需要使用外掛,因為Twitter嵌入區塊沒有此功能。

小結

Twitter是一個強大的社交工具,用於展示您的想法、內容和他人的支援,並突出您最喜歡的推文——無論是您自己的還是其他人的——將幫助您建立更豐富的 WordPress 內容。商業成功和創造力都不是泡沫,向其他人張開你的(虛擬)手臂只會幫助你的部落成長。此外,您越習慣使用WordPress區塊,學習曲線就越平緩,您會發現讓您的網站看起來像您想要的樣子變得越來越容易。

評論留言