You are here:  Home » PHP » 如何在WordPress中添加Tumblr共享按钮

就像Facebook的Like Button,Send Button,Twitter的Retweet Button,LinkedIn的Share Button,Tumblr,一个微博客服务,已经推出了他们自己的分享按钮。这个按钮的重点是让超过1600万Tumblr博客能够轻松地在他们的博客上推广您的内容。这个共享小部件让Tumblr用户轻松“重新登录”遍布网络的内容,而不仅仅是Tumblr。这个reblog选项是Tumblr巨大的社交方面背后的关键特征之一。在本文中,我们将向您展示如何在WordPress添加Tumblr共享按钮。

以前,当我们撰写关于在WordPress中添加微博功能的WordPress Post Formats时,我们进一步阐述了如何实际允许WordPress为那些想要更多控制权的用户取代Tumblr。我们被来自不同用户的电子邮件抨击说“WordPress不会让你拥有Tumblr所做的社交方面,因为它有一个博主社区重新写博客”。那么,现在你可以在你的WordPress帖子中使用该功能。

Tumblr Share Button in WordPress

首先打开你的footer.php文件,并将此代码粘贴在< / body>的正上方。tag:

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>

如果您正在使用框架,并且您无法访问footer.php文件,则在functions.php文件或自定义函数区域中添加此代码:

function insert_tumblr_script() {
echo "<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>";
}
add_action("wp_footer", "insert_tumblr_script");

Once你已经这样做了,让我们来看看如何在帖子中添加代码:

Basic Version

要添加足以满足大多数用户的脚本的基本版本,您只需将此代码粘贴到您想要的循环中,可以在(single.php,index.php,page.php,loop中找到).php等):

<a href="http://www.tumblr.com/share" 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</a>

您可以在官方Tumblr Button页面上找到各种版本的共享图像。您基本上可以选择所需的图像,然后粘贴基础代码。或者,您也可以通过替换上面代码中的background:css将您自己的图像放入共享。

Advanced Customization

现在你知道使用WordPress Post Formats,我们现在看到WordPress的微博客主题版本。好吧,在我们上面讨论的Tumblr按钮的基本版本中,它动态地提取内容。这可能会导致出现错误标题,错误描述等错误。同样在基本版本中,它不会选择Tumblr博主的格式(链接,文本,图像,引用,视频等),而不像Re-Blog功能那样。在Tumblr社区中使用。

因此Tumblr共享按钮确保内置高级功能,允许您默认指定帖子的格式,指定预填充描述,特定拉引号(完成)与归因)甚至文章页面中的特定段落。这里有一个例子,说明如何使用WordPress中的帖子格式添加loop.php文件:

if ( has_post_format( "link" ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink()) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(the_excerpt()) ?>" 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</a>
<?php 
} else if (has_post_format("quote")) { ?>
<a href="http://www.tumblr.com/share/quote?quote=<?php echo urlencode(get_the_content()) ?>&source=<?php echo urlencode(get_the_title()) ?>" 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</a>
<?php 
}else {
<a href="http://www.tumblr.com/share" 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</a>
}

要阅读有关自定义的更多信息,请参阅官方Tumblr按钮页面。

你会在你的WordPress网站上添加这个按钮?