类似Facebook的按钮喜欢整个页面而不是帖子（wordpress）

我在这个页面上工作，我使用Wordpress作为我的CMS

在index.php页面上，我的所有帖子都会显示出来，我想在标题下添加一个类似Facebook的按钮，以便在不需要“阅读更多”的情况下立即喜欢一篇帖子

但当我点击“喜欢”时，它喜欢我所有的博客帖子，所以所有的帖子都得到+1。有没有办法让代码只与点击按钮后的帖子内容相似

我正在使用以下代码：

<div id="fb-root"></div>
                  <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=266693680020880";
                    fjs.parentNode.insertBefore(js, fjs);
                  }(document, 'script', 'facebook-jssdk'));</script>
                <div class="fb-like" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false"></div>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_GB/all.js#xfbml=1&appId=266693680020880”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

类似的按钮只是指向URL

如果您希望按钮具有单独的“喜欢”，则需要为每个按钮提供唯一的URL。（他们引用的帖子的URL。）

您可以使用

元素上的data href属性设置URL

---

请注意，当谈到喜欢按钮时，和是两个单独的站点。

您需要指定

data href=“http://”

来喜欢博客而不是页面

例如

<div class="fb-like" data-send="true" data-href="http://<<your blog url>>" data-layout="button_count" data-width="100" data-show-faces="false"></div>

---

这些很接近，但在wordpress中，您需要呼叫

<div class="fb-like" data-send="true" data-href="<?php the_permalink()?>" data-layout="button_count" data-width="100" data-show-faces="false"></div>