如何在WordPress中添加Tumblr共享按鈕


就像Facebook的Like Button,Send Button,Twitter的Retweet Button,LinkedIn的Share Button一樣,微博客服務Tumblr也推出了自己的共享按鈕。 此按鈕的全部目的是使超過1600萬的Tumblr博客輕鬆地在其博客上推廣您的內容。 該共享小部件使Tumblr用戶可以輕鬆地“重新博客”在整個Web上找到的內容,而不僅僅是在Tumblr上。 此重博客選項是Tumblr巨大的社會方面背後的關鍵功能之一。 在本文中,我們將向您展示如何在WordPress中添加Tumblr共享按鈕。

以前,當我們撰寫有關WordPress帖子格式的文章時,在WordPress中添加了微博客功能,我們進一步詳細說明了它如何真正允許WordPress為需要更多控制的用戶替換Tumblr。 各種用戶發送的電子郵件使我們感到沮喪,他說:“ WordPress不允許您擁有Tumblr的社交功能,因為它有一個博客社區來重新博客您的東西”。 好了,現在您可以在WordPress帖子中擁有該功能。

WordPress中的Tumblr共享按鈕

首先打開footer.php文件,然後將此代碼粘貼到 標籤:


如果您使用的是框架,並且您無權訪問footer.php文件,則在您的functions.php文件或自定義函數區域中添加以下代碼:

function insert_tumblr_script() {
echo '';
}
add_action('wp_footer', 'insert_tumblr_script');

完成之後,讓我們看一下如何在帖子中添加代碼:

基本版本

要添加滿足大多數用戶需求的最基本的腳本版本,您所要做的就是將此代碼粘貼到循環中所需的位置,該代碼可以在(single.php,index.php,page.php,loop .php等):

Share on Tumblr

您可以擁有各種版本的共享圖像,這些圖像可以在官方的Tumblr Button頁面上找到。 您基本上可以選擇所需的圖像,然後從基礎知識中粘貼代碼。 另外,您也可以通過替換背景放置自己的共享圖像:上面代碼中的css。

高級定制

如您所知,通過使用WordPress帖子格式,我們現在可以看到WordPress的微博客主題的發布。 好吧,在我們上面討論的Tumblr按鈕的基本版本中,它動態地提取內容。 這可能會導致錯誤,例如出現錯誤的標題,錯誤的描述等。同樣在基本版本中,它不選擇Tumblr博客的格式(鏈接,文本,圖像,報價,視頻等),這與Re-Blog功能不同,即在Tumblr社區中使用。

因此,“ Tumblr共享”按鈕確保了內置的高級功能,該功能可讓您默認指定帖子的格式,指定預填充的說明,特定的拉引號(帶有署名)以及文章頁面中的特定段落。 因此,這裡有一個示例,說明如何利用WordPress中的帖子格式添加loop.php文件:

if ( has_post_format( 'link' ) {
?>
&name=&description=" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr

&source=" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr

要了解有關自定義的更多信息,請參閱Tumblr官方按鈕頁面。

您要在WordPress網站中添加此按鈕嗎?