如何在WordPress中添加Twitter的官方Tweet按鈕


今天早些時候,Twitter宣布了他們的官方 鳴叫按鈕 除了由twitter製作外,它與Tweetmeme按鈕的功能完全相同。 很多人已經在切換(包括頂級公司和在Twitter上關注@wpbeginner的小型博客作者),因為此按鈕提供了其他自定義功能,並且可以選擇推薦帳戶。 在本文中,我們將分享如何在WordPress中添加twitter的tweet按鈕。

官方推特按鈕

只要將其放置在post循環中,就可以將其安裝在single.php,loop.php,index.php,page.php,category.php和archive.php中。

   

演示版

嘗試使用上面的按鈕發布推文。

如果您在上面的代碼中註意到,我們正在使用定位標記的數據屬性來告訴Twitter我們想要它做什麼。 以下是每個屬性含義的解釋:

  • 數據網址 –這將獲取您要共享的URL(無需更改此URL)。
  • 通過數據 –通過@wpbeginner添加來告訴Twitter原始的高音揚聲器(確保將其更改為Twitter帳戶)。
  • 數據文本 –這將獲取您的帖子標題(您無需更改此標題)。
  • 數據相關 –這會增加推薦的用戶。 用戶共享您網站的內容後,最多可以使用兩個Twitter帳戶供用戶跟踪。 這些帳戶可以包括您自己的帳戶,也可以包括供款人或合作夥伴的帳戶。 第一個帳戶是共享的帳戶 通過數據 屬性。 (確保將其更改為其他Twitter帳戶之一,或將其刪除)。 如果您不這樣做,則將推薦@syedbalkhi(WPBeginner的創始人)。 在此變量中輸入數據的正確格式是 twitterusername:用戶說明
  • 數據計數 –這告訴Twitter腳本要顯示哪種樣式的按鈕。 您有三個選項(垂直,水平,無)。
  • 數據語言 –此變量告訴twitter它應使用的語言。英語的默認值為“ en”,我們保留了該語言。

我們建議用戶使用錨標記方法的數據屬性,因為它可以使代碼簡潔明了。 儘管查詢字符串參數是共享頁面的便捷方法,但它們可能會使錨標記變得很長,而且很難維護較長的URL,尤其是當您必須對URL進行參數編碼時。 以下是選擇使用它的查詢方法:

如果您只想在靜態頁面上添加推特按鈕,則可以使用 Twitter的Tweet按鈕生成器

感謝Otto在下面的評論中通知我們,他的插件Simple Twitter Connect完全支持官方的tweet按鈕。

其他資源:

推特按鈕的補充文檔