如何手動或通過WordPress Twitter Widget將Twitter Feed添加到WordPress網站

在WordPress用戶(尤其是那些希望通過社交媒體平台提高用戶參與度的用戶)中,一個相當普遍的問題是「如何在WordPress網站上顯示最新推文?」的答案很簡單:使用WordPress Twitter小部件。

您可以通過WordPress小部件集成Twitter帳戶,輕鬆地顯示WordPress網站中的最新推文。這不僅會顯示最近的推文,而且您還可以嵌入Twitter中的其他內容,例如列表,頂,收藏,特定的推文等等。

就像Twitter提要一樣,您還可以通過4個簡單步驟在WordPress上添加Facebook注釋,並在WordPress中添加Google字體。

為什麼要將Twitter Feed添加到WordPress

將Twitter嵌入到您的WordPress網站有很多好處。這裡是其中的一些:

  • 這是增加您網站和Twitter參與度的一種方式
  • 它可以幫助您在Twitter帳戶上吸引更多關注者
  • 您的讀者可以隨時了解最新信息
  • 您的讀者將能夠立即與您聯繫
  • 您將可以同時發推文和博客

因此,有很多原因應將Twitter feed添加到您的網站。現在,讓我們探索如何將Twitter嵌入到WordPress網站。

在WordPress中添加推文的方法

建議您將最新的推文放在頁腳中,因為它可以在您的整個網站上查看(我們的Twitter feed也已嵌入WPblog的頁腳中)。不過,在本教程中,我將向您展示如何通過四種簡單方法將推文輕鬆添加到WordPress網站。

方法:

    1. 通過WordPress Twitter小部件添加您最近的推文
    2. 將Twitter feed嵌入WordPress
    3. 將Twitter feed添加到WordPress博客文章中
    4. 在WordPress中嵌入選擇性推文

1.通過WordPress Twitter Widget添加您的最新推文

讓我們通過兩個簡單的步驟為您的網站創建一個WordPress Twitter小部件。

步驟1:創建WordPress Twitter小部件

首先,您需要從您要嵌入的瀏覽器中複製您的Twitter帳戶URL:
因此,如果您想嵌入個人資料,只需複製您的Twitter個人資料的URL:https://twitter.com/wpblogdottcom。

wpblog Twitter帳戶

現在,打開WordPress儀錶板,然後轉到外觀>小部件,您將在其中看到不同的小部件選項。

WordPress的小部件

接下來,選擇「文本」小部件,然後選擇「頁腳」,然後單擊「添加小部件」,如下圖所示。

頁腳小部件設置

步驟2:通過WordPress小部件嵌入最近的推文

接下來,給小部件一個好標題,然後將鏈接粘貼到您複製的框中。

最近的推文

粘貼網址後,該框將為您預覽Feed的頁腳外觀。

最近的推文側邊欄小部件

這是我們最近的推文在實時網站上的顯示方式。

Twitter最近的推文

因此,我們已經看到WordPress的嵌入功能使此過程變得容易,只需兩個簡單步驟即可為最近的推文創建自己的WordPress Twitter小部件。

閱讀有關如何在帶或不帶插件的情況下嵌入WordPress iFrame的更多信息

2.將Twitter Feed嵌入WordPress

Twitter在Twitter Publish中提供了一項高級功能,它為您提供了一個腳本,您可以將其放置在網站上,並且只需嵌入該特定代碼即可獲取每條推文,最近的推文,主題標籤,列表,配置文件和任何選定的Twitter內容。

通過這種方法,我們將使用Twitter Publish將Twitter feed嵌入WordPress。

步驟1:創建並複製Twitter Feed嵌入式代碼

首先,您需要打開Twitter發布站點,然後在瀏覽器中選擇「嵌入式時間軸」。

推特發布頁面

現在,將您的Twitter帳戶URL粘貼在「嵌入式​​時間軸」框中,如下圖所示。

Twitter嵌入式時間表

當您單擊預覽時,將出現一個新屏幕,為您提供Twitter feed的嵌入代碼。只需單擊「複製代碼」即可複製代碼。

wpblog推文

步驟2:在WordPress小部件中創建Twitter Feed

接下來,您需要打開儀錶板,轉到外觀>小部件,然後選擇自定義HTML代碼>頁腳,然後為您的Twitter feed小部件單擊「添加小部件」。

頁腳1小部件

接下來,打開「頁腳」小部件並為其命名。然後粘貼您先前從Twitter Publish複製的腳本代碼,然後單擊Save。

自定義html twitter代碼

完成後,在網站上檢查您的Twitter feed。您可以在下圖上看到我們最近的推文。

wpblog最近推文

這是Twitter Publish,它使嵌入Twitter feed的過程變得容易,您甚至可以將此生成的代碼嵌入到網站上的任何位置(例如,帖子,側邊欄,內容等)中。

3.將Twitter Feed添加到WordPress博客文章中

正如我之前提到的,您甚至可以在博客帖子中嵌入Twitter feed,這是WordPress的核心功能。

您可以通過兩種簡單的方法輕鬆地在WordPress網站中添加最新的tweet。

方法1:使用Twitter嵌入塊將Twitter Feed添加到WordPress博客文章

首先,轉到發布,單擊添加,然後打開WordPress塊編輯器並鍵入Twitter,您將在其中看到Twitter圖標。然後只需單擊該圖標,如下圖所示。

推特飼料

WordPress帶有許多社交嵌入塊,其中包括Twitter,Facebook,Instagram等。

接下來,您需要在框中粘貼您的Twitter帳戶URL,然後單擊「嵌入」。

wpblog Twitter提要URL

嵌入後,最新的Tweet隨滾動條出現,如下圖所示。

由wpblog發的推文

方法2:使用Twitter發布將Twitter Feed添加到WordPress博客文章

您還可以通過Twitter Publish將Twitter feed添加到WordPress。為此,請訪問Twitter Publish,然後單擊嵌入式時間軸。

Twitter Publish允許您在沒有滾動條的情況下顯示最近的推文!

推特發布

嵌入式時間軸屏幕將彈出,您需要在其中粘貼您的Twitter帳戶URL,然後單擊「預覽」。

嵌入Twitter

當您單擊預覽時,將出現一個新屏幕,為您提供Twitter feed的嵌入代碼。只需單擊「複製代碼」即可複製代碼。

wpblog推文

現在,轉到發布創建新帖子或編輯現有帖子。

在編輯屏幕上,在您的帖子中添加「代碼格式」塊。

發布格式

接下來,將您先前複製的代碼腳本粘貼到代碼框中。

Twitter提要代碼

完成後,單擊「發布和預覽」。

您可以在下面的圖像中看到我們的測試站點的外觀。

wpblog twitter提要

因此,向WordPress博客文章或頁面添加Twitter提要是一個簡單的過程。在第一種方法中,我們通過顯示滾動條的社交Twitter塊編輯器完成此操作。對於沒有滾動條的提要,我們使用了Twitter Publish方法,該方法允許您在沒有滾動條的情況下顯示最近的推文。

4.在WordPress中嵌入選擇性推文

在以前的方法中,我們將最新的推文嵌入WordPress。但是,如果您不希望使用最新的推文,而是想要嵌入選擇性推文,#標籤,頂和回復等,該怎麼辦?不用擔心

通過這種方法,我將向您展示如何輕鬆地將特定的Twitter內容或集合添加到WordPress網站。

方法1:顯示選擇性推文

將特定的Twitter內容嵌入到WordPress網站很容易,您只需複製該特定Twitter內容的URL並粘貼到您的Twitter小部件中即可。

您需要打開WordPress信息中心,然後轉到外觀>小部件。您將看到不同的小部件,因為WordPress提供了各種小部件選項。選擇「文本」小部件,選擇「頁腳」,然後單擊「添加小部件」。

在WordPress上添加小部件

現在,只需複製特定的tweet URL…

wpblog Twitter網址

…並將其粘貼到WordPress小部件中,然後單擊「保存」。

關於WordPress 5.3的wpblog微博

它是如何顯示在我們的測試站點中的:

wordpress 5.3轉推由wpblog

方法2:顯示推文的選擇性集合

如果要顯示不同的選擇性推文或要在WordPress網站上顯示推文的集合,則需要訪問Twitter TweetDeck。

Twitter集合是由用戶根據特定主題組織的推文列表,您可以在其中列出最喜歡的推文,最被轉發的推文,特定的主題標籤等等。

讓我們開始吧!

步驟1:在Twitter TweetDeck上創建您的收藏集

首先,您需要訪問TweetDeck網站並使用您的Twitter帳戶登錄。登錄到TweetDeck後,您將看到其儀錶板;單擊添加列(加號)。

推特牌通知

添加一列後,將在需要選擇集合的地方彈出「列類型」屏幕。

鳴叫甲板設置

接下來,您需要通過單擊創建收集按鈕來添加收集列。

推特甲板創建收藏

將彈出一個「創建新收藏集」屏幕,您需要在其中填寫名稱和描述,然後單擊保存。

wpblog tweetdeck

您將在TweetDeck儀錶板的右側看到一個空白列,您可以在其中通過從tweet列表的左側拖放來添加tweet。

拖放選項tweetdeck

步驟2:將您的收藏推文嵌入WordPress網站

接下來,選擇設置圖標,單擊「編輯收藏集」,然後單擊「共享」,然後選擇「嵌入收藏集」。

測試推文甲板的推文

瀏覽器上將出現一個新屏幕,您需要單擊「複製代碼」從中複製腳本。

推特牌定製代碼

現在,將此腳本代碼粘貼到WordPress小部件中。為此,請轉到WordPress儀錶板>外觀>窗口小部件>自定義HTML,選擇頁腳,然後轉到頁腳小部件,即在右側,然後將代碼腳本粘貼到此處並為其指定一個好標題。然後點擊保存。

WordPress小部件的推文平台代碼

現在,通過訪問它來測試實時站點,您將在頁腳側看到推文的集合。

最終結果最近的推文

結論:

如您所見,在WordPress網站上顯示您最近的Twitter提要並不困難。
WordPress和Twitter一起提供了許多出色的功能,可以幫助您輕鬆地將Twitter feed輕鬆地嵌入到WordPress網站上。

這是給您的另一篇文章,我們重點介紹了將社交媒體平台與WordPress網站集成的最佳社交媒體插件:2019年最佳WordPress社交媒體插件。

如果您覺得本教程很有用,並且希望我介紹其他與社交渠道相關的主題,請在下面的評論中讓我知道。如果您願意,也可以通過Farhan@wpblog.com向我發送電子郵件。

文章如何手動以及通過WordPress Twitter Widgets將Twitter Feed添加到WordPress網站首先出現在WPblog上。

相關文章