如何在WordPress中添加Twitter @anywhere


Twitter推出了 @anywhere平台 不久之前。 這個新平台使用幾行JavaScript將twitter集成到您的站點中。 它允許更多推文,更多流量,更多關注,更多參與,更多用戶和更多洞察力。 現在,您可以在您的網站上嵌入一個推文框,人們可以直接從您的網站發推文。 還將所有Twitter用戶名轉換為鏈接(@wpbeginner)。 如果啟用了懸浮卡選項,則用戶將看到一個帶有跟隨按鈕和用戶信息的懸浮框。 您還可以使用Twitter按鈕創建connect,在Twitter按鈕上關注@wpbeginner等。 我們認為,隨著Twitter的增長,這個新平台將在網絡的未來中扮演重要角色。 在本文中,我們將分享如何在WordPress博客上添加Twitter無處不在平台的某些元素。

更新:Twitter將於2012年12月6日關閉@anywhere API。這是 更多細節

步驟1:註冊API

在您可以在網站上添加任何位置的平台之前,您需要 註冊一個API。 系統將提示您進入如下頁面:

註冊用於Anywhere平台的Twitter API

註冊後,您應該會收到一個API密鑰。 接下來要確保將權限級別設置為“讀寫”,否則用戶將無法單擊“跟隨”按鈕。 這是twitter的一個小故障,但他們正在努力解決。 但是為了安全起見,我們將提供有關如何執行此操作的說明。

首先點擊鏈接 http://twitter.com/oauth。 在此頁面上,您將看到您註冊的應用程序。 單擊應用程序的名稱,它將帶您進入應用程序詳細信息頁面。 有一個名為“編輯應用程序設置”的按鈕。 單擊此按鈕轉到編輯頁面,您需要在其中向下滾動到標有“默認訪問類型”的項目。 將其更改為“讀寫”。

步驟2:在您的網站上實施

由於Anywhere平台中有許多功能,因此我們將逐一說明。 您需要做的第一件事就是調用主要的JavaScript。 Twitter建議您將此腳本放在 header.php 文件(在這兩個代碼之間 )。


請記住,在鏈接中的“ YourAPIKey”處添加您的API密鑰。

現在,讓我們看一下該平台可以為您完成的各個功能。

自動鏈接所有Twitter用戶名

此功能將自動鏈接您的帖子和評論上的所有Twitter用戶名。 如果您提到以下格式的Twitter用戶名:@wpbeginner使用Hovercard自動鏈接所有Twitter用戶名

使用懸停卡自動鏈接所有Twitter用戶名

此功能自動鏈接頁面上找到的所有twitter用戶名,並且還提供鼠標懸停效果的懸浮卡。 因此,當您網站的用戶將鼠標移到@wpbeginner這樣的用戶名時,他們將看到一個如上例所示的hoverbox。 如果他們單擊關注按鈕,則可以直接從您的網站關注用戶。 要啟用此功能,只需將以下代碼粘貼到主腳本下方的網站標題中。


Twitter的智能關注按鈕

Twitter的智能關注按鈕

智能關注按鈕可讓您的用戶直接從您的網站關注您的帳戶。 您可以為網站創建按鈕,並在您的帖子或其他任何地方使用它們。 請參見下面的實時示例:

要在您的網站上添加這種類型的按鈕,請首先在主腳本下方的網站標題中粘貼以下代碼:


其次,您需要在希望此按鈕顯示的位置添加以下div標籤:

請記住將wpbeginner更改為您的用戶名,否則它將顯示指向我們的Twitter帳戶的跟隨鏈接。

您網站上的實時推文框

您可以在您的網站上創建一個推文框,該框允許用戶直接從您的網站發推文,而無需進行任何Twitter操作。 可以在下面看到此框的示例:(請記住,如果您單擊tweet,它將鳴叫)。

嘗試從上面的直播框中發布推文,看看它有多酷。 如果您發布默認內容,我們將不勝感激,它可以幫助我們 :)

就像您看到的那樣,該實時推文框非常強大。 如果願意,甚至可以在其中添加轉發文本。 要在您的網站上添加實時推文框,請首先將以下代碼粘貼到主腳本後的網站標題中:


然後在要顯示實時鳴叫框的位置添加以下代碼:

我們看到WordPress插件目錄中已經沒有幾個插件可以讓您使用基本功能,例如懸停卡或自動鏈接。 您可以根據需要使用這些插件,但這很簡單,最好手動放置代碼。

如果您喜歡這篇文章,請轉發。 如果我們錯過了任何事情,請在評論中告知我們。

附加資源:

Twitter Anywhere文檔
簡單的Twitter Connect插件(支持作者的出色插件–感謝Otto)