如何在WordPress博客文章中嵌入實際推文


您是否要在WordPress博客帖子中嵌入個人推文? 在博客文章中嵌入推文使您可以輕鬆地在帖子中引用推文,並使它們更具吸引力。

您可能已經看到許多受歡迎的博客和新聞網站,在其文章中嵌入了來自組織和個人的推文。

它使報價更真實,同時允許您的用戶關注完整的對話以獲取更多信息。

在本文中,我們將向您展示如何輕鬆地在WordPress博客文章和頁面中嵌入推文。

如何輕鬆地在WordPress博客文章中嵌入推文

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

在WordPress帖子中嵌入實際推文-逐步介紹

WordPress使您可以輕鬆地將第三方服務嵌入您的博客文章中。 這包括YouTube視頻,推文和其他社交網絡帖子。

此功能使用一種稱為oEmbed的方法。 基本上,您可以只添加第三方網站的URL,WordPress會從中請求嵌入代碼。

您只能在WordPress中添加列入白名單的oEmbeded服務,而Twitter是其中之一。

WordPress塊編輯器帶有內置的Twitter嵌入塊,可讓您輕鬆在帖子和頁面中插入推文。

首先,您需要轉到Twitter並找到要嵌入的推文。 之後,單擊右側的向下箭頭圖標,然後選擇“將鏈接複製到Tweet”選項。

複製鏈接到推文

接下來,您需要編輯要在其中嵌入推文的WordPress帖子或頁面。

在帖子編輯屏幕上,單擊+圖標添加一個新塊,然後在“嵌入”部分下選擇Twitter塊。

在WordPress編輯器中添加Twitter嵌入塊

現在,您將看到Twitter Embed塊添加到帖子編輯區域中。 您需要將您先前複製的tweet URL粘貼在阻止設置中。

將Twitter嵌入WordPress帖子編輯器

WordPress現在將自動獲取並在您的帖子內容中顯示實際的推文。

WordPress帖子中嵌入的實際推文

您可以保存您的帖子或將其發布以查看實時預覽。 這就是我們的演示網站上的樣子。

WordPress博客文章預覽中嵌入的實際推文

專家提示: 您也可以將Tweet URL粘貼在段落塊中,WordPress會自動將其轉換為Twitter嵌入塊。

只需粘貼網址即可自動嵌入推文

如何在經典WordPress編輯器中嵌入推文

如果您仍在使用舊的WordPress經典編輯器,則需要直接在帖子編輯器中復制並粘貼tweet鏈接。

與塊編輯器不同,經典編輯器是用於整個內容的單個文本框。 因此,您需要在編輯器的單獨一行中粘貼推文URL。

在經典WordPress編輯器中添加Twitter URL

完成後,它將立即在您的帖子編輯器中加載實際的推文。

嵌入經典WordPress編輯器中的推文

不要忘記更新或保存您的更改並預覽您的帖子或頁面。

如何在WordPress中自動嵌入最新推文

默認情況下,WordPress允許您將推文手動嵌入到文章中,並且一次只能添加一個推文。

如果您想展示來自您的帳戶,其他用戶或主題標籤的最新推文,該怎麼辦?

這是Smash Balloon Custom Twitter Feeds出現的地方。它使您可以輕鬆嵌入具有精美佈局和大量自定義選項的Twitter feed。

首先,您需要安裝並激活Smash Balloon Custom Twitter Feeds插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

注意: 還有一個免費版本的自定義Twitter feed插件。 我們正在展示專業版,因為它具有更多功能。

激活後,您需要訪問 Twitter提要»許可證 頁並輸入您的許可證密鑰。 您可以在Smash Balloon網站上的帳戶下找到此信息。

輸入您的Smash Balloon許可證

接下來,您需要單擊“激活許可證”,然後單擊“保存更改”。

之後,您可以轉到 Twitter提要»配置 然後單擊藍色的大按鈕以連接您的Twitter帳戶。

連接您的Twitter帳戶

這將帶您進入Twitter網站,並要求您登錄。 登錄後,您需要單擊“授權應用程序”按鈕以繼續。

授權應用

之後,您將被重定向回您的網站,在此您將看到填寫的“訪問令牌”和“訪問令牌秘密”字段。 確保保存更改。

在WordPress中顯示您的Twitter Feed

設置插件後,您可以將您最近的推文添加到任何WordPress帖子或頁面中。

只需在要顯示Twitter feed的位置編輯帖子或頁面。 在帖子編輯屏幕上,單擊(+)按鈕以將Twitter Feed塊添加到您的頁面。

將Twitter feed添加到頁面

一旦添加了該阻止,它將自動從您的Twitter帳戶中加載最新的推文。 您現在可以保存您的帖子或頁面並訪問它,以查看您的Twitter feed。

頁面上的Twitter feed

現在,您有了Tweets的feed,每次您的Tweet都會自動更新。

您甚至可以根據需要將Feed設置為顯示特定的主題標籤。 這是您的操作方式。

回到 Twitter提要»Twitter提要 並向下滾動到您的Feed設置。 然後選擇“標籤”選項,然後在字段中輸入您選擇的標籤。

粉碎氣球主題標籤設置

確保保存您的更改,然後檢查您的站點。 您會看到使用所選主題標籤的Tweets列表。

Twitter主題標籤供稿

現在,讓我們看看如何輕鬆自定義Feed。

在WordPress中自定義您的Twitter Feed

Smash Balloon Twitter Feed允許您以各種佈局顯示Twitter feed,其中包含幾個自定義選項。

只需前往 Twitter提要»定制 標籤,然後您會看到第一組顯示供稿的選項。 您在頂部有快速鏈接,以導航到要自定義的部分。

自定義佈局

讓我們從單擊佈局部分開始。 在這裡,您可以從多個選項中進行選擇,包括列表,旋轉木馬和磚石樣式。

選擇您的佈局

您還可以顯示和隱藏不同的項目,例如標題,Twitter鏈接,回復和轉推操作等。 完成後,請不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在,您可以訪問Twitter提要頁面,以查看對更改應用的更改。

Twitter feed 2列砌體佈局

如果您使用的是經典編輯器,則需要復制並粘貼簡碼 [custom-twitter-feeds] 您希望Feed在頁面或帖子中的位置。

您還可以使用簡碼或Twitter Feed小部件在側邊欄或頁腳中添加推文。 只是去 外觀»小部件 並將Twitter Feed小部件拖到側邊欄,或者拖動到任何想要的地方。

將Twitter feed添加到側邊欄

在WordPress中創建多個Twitter Feed

如果要在一個頁面或帖子上顯示多個Twitter feed,該怎麼辦? 您可以使用可用的簡碼輕鬆完成此操作。

只是去 Twitter提要»Twitter提要 然後選擇“顯示您的Feed”標籤。

顯示您的提要

在此頁面上,您將看到一堆可以使用的短代碼示例。

例如,您可以簡單地使用以下短代碼: [custom-twitter-feeds screenname=optinmonster num=6] 顯示OptinMonster最近的6條推文。

將“屏幕名稱”更改為您要使用的任何Twitter名稱。 然後在“ num = 6”選項中選擇所需的數字以顯示Tweets的數量。

接下來,您可以通過單擊(+),然後選擇簡碼小部件,使用簡碼塊將其添加到您的帖子中。

Twitter短代碼小部件

從那裡,在塊設置內添加簡碼,然後保存您的帖子或頁面。

插入Twitter簡碼

現在,您可以保存或發布您的帖子,並訪問您的網站以查看實際效果。

OptinMonster Twitter提要

我們希望本文能幫助您學習如何在WordPress博客文章中嵌入實際的Tweets。 您可能還想查看我們的指南,以了解如何創建電子郵件時事通訊以增加訪問量,以及我們為WordPress選擇最好的Twitter插件的專家,以吸引更多關注者。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。