简单的Facebook + Twitter wordpress共享按钮

时间:2017-03-15 20:38:42

标签: wordpress facebook

如何获得与此页面http://greyenlightenment.com/real-estate-palo-alto-vs-everywhere-else/

类似的Facebook分享按钮

并拥有股票柜台?我花了一天多时间寻找好的分享按钮无济于事。大多数按钮太大或者不计算Facebook股票的数量。有人能找到一个简单的PHP脚本,可以做到这一点

2 个答案:

答案 0 :(得分:0)

对于按钮,您需要以下代码:

注意:get_permalink()和get_the_title()是WordPress函数,用于检索当前页面的链接和当前页面的标题。



.share-button {
  font-family: sans-serif;
  display: inline-block;
  padding: 7px 10px;
  border: 1px solid #EEE;
  border-radius: 3px;
  background-color: #FAFAFA;
  color: #656565;
  text-decoration: none;
}

.share-button:hover {
  border: 1px solid #999;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.share-button span {
  display: inline-block;
  margin-right: 10px;
  color: red;
}

<a class="share-button" href="http://www.facebook.com/sharer/sharer.php?u=<?php echo get_permalink();?>&amp;t=<?=urlencode(get_the_title());?>" target="_blank"><span id="share-facebook">0</span>Facebook</a>

<a class="share-button" href="http://www.twitter.com/intent/tweet?url=<?php echo get_permalink();?>&amp;text=<?=urlencode(get_the_title());?>" target="_blank"><span id="share-twitter">0</span>Twitter</a>

<a class="share-button" href="http://plus.google.com/share?url=<?php echo get_permalink();?>" target="_blank"><span id="share-gplus">0</span>Google Plus</a>
&#13;
&#13;
&#13;

对于计数分享页面,您需要API密钥并将退货插入每个页面,例如#share-facebook等...查看更多如何分享此讨论Getting the Facebook like/share count for a given URL

当你有一个API密钥时,你将发出请求并获取共享页码,一旦你有了信息的对象,你就把它添加到你的div中,如下所示:

<script type="text/javascript">
    facebookreturnobject = $.getJSON('https://graph.facebook.c...'); // see examples on discussion above
    $('#share-facebook').text(facebookreturnobject.share.count);
</script>

对Twitter和Google Plus也这样做。

答案 1 :(得分:0)

有许多用于共享按钮的插件。你只需要选择一个。 link to the official wordpress site