如何使用bootstrap按钮使用facebook共享插件?

时间:2014-05-22 08:15:32

标签: facebook wordpress twitter-bootstrap

我正在尝试将facebook分享按钮用于我的wordpress主题。我已经使用了这个代码

  <div class="fb-share-button btn btn-default" data-href="<?php the_permalink(); ?>"  data-type="button_count"></div>

显示分享按钮。您可以在http://www.racecarwow.com/crazy-crash-v2-0/查看结果。但我的目标是,分享按钮看起来就像这个网站的分享按钮http://blog.petflow.com/bravo-heroic-little-girl-saves-a-trapped-puppys-life/

我认为http://lipis.github.io/bootstrap-social/对我来说是一个很好的解决方案。但我无法理解如何将<div class="fb-share-button btn btn-default" data-href="<?php the_permalink(); ?>" data-type="button_count"></div>用于该按钮。请帮帮我。

2 个答案:

答案 0 :(得分:1)

是的!我通过结合两个网站

得到了解决方案

http://ostr.io/code/html-social-like-share-buttons-no-javascript.html

http://lipis.github.io/bootstrap-social/

希望对其他人有所帮助。

答案 1 :(得分:0)

好吧,看来你的代码中有轻微的错误,到目前为止在Wordpress中没有像the_parmalink()这样的函数,但正确的是the_permalink()

function检索The Loop中当前正在处理的帖子的永久链接(正如您可以从中猜出的那样)。

此标记必须在The Loop范围内,通常用于在显示帖子时显示每个帖子的永久链接。由于此模板标记仅限于显示正在处理的帖子的permalink,因此无法使用它来显示 permalink到您网站上的任意帖子。

如果您希望获得帖子的永久链接,请参阅get_permalink(),因为其唯一帖子ID

请修复您的代码并重试:

<div class="fb-share-button btn btn-default" data-href="<?php the_permalink();?>"  data-type="button_count"></div>