如何使用 WordPress Twitter 嵌入塊

已發表: 2021-08-05

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

推特嵌入

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

  • 為您的網站或博客內容添加社交證明
  • 與其他人互動,無論他們是行業專家還是追隨者
  • 豐富您的內容,使其看起來更具吸引力並提供更多信息
  • 用現實生活中的例子來支持你所說的

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

如何將 Twitter 嵌入塊添加到您的帖子或頁面

查找推文的 URL

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

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

WordPress 塊

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

推特嵌入

3. 單擊推文窗口底部的向上箭頭。 這將打開一個菜單,將鏈接複製到推文可能是選項之一。

推特嵌入

在 WordPress 中添加 Twitter 嵌入塊

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

推特嵌入

單擊該加號將顯示您可以添加到 WordPress 帖子或頁面的所有塊。 在搜索框中輸入“Twitter”,然後選擇出現的 Twitter 塊。

WordPress 嵌入

這會將 Twitter 嵌入塊添加到您的 WordPress 帖子或頁面。

推特嵌入

將推文的 URL 添加到 Twitter 嵌入框

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

WordPress 嵌入

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

這是添加後的樣子:

推特嵌入

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

WordPress 嵌入

Twitter 嵌入塊設置和選項

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

WordPress 嵌入

從左到右分別是:

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

讓我們來看看它們。

更改塊類型或樣式

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

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

推特嵌入

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

WordPress 嵌入

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

推特嵌入

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

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

向上或向下移動

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

更改對齊方式

您有五個對齊選項:

  • 剩下
  • 中心
  • 寬幅
  • 全屏寬度

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

修改網址

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

更多選擇

更多選項選項(三個水平點)有許多選項可供選擇:

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

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

保持縱橫比

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

WordPress 嵌入

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

不要太擔心背景顏色

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

嵌入您自己的推文!

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

關於 Twitter 嵌入塊的常見問題

為什麼要嵌入推文?

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

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

要嵌入您最近的推文(並始終更新它們),您需要使用插件,因為 Twitter 嵌入塊沒有此功能。 我們有一篇關於 WordPress 最好的 Twitter 插件和小部件的博客文章,其中許多都有這個選項。

包起來

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

想從 Twitter 中獲得更多收益嗎? 查看我們的視頻,了解如何開始使用 Twitter 廣告。