FacebookのLikeボタンは、ポストの代わりに全ページを好きです（ワードプレス）

Question

私はこのページで作業しています。私は自分のCMSとしてWordpressを使用しています。

私のすべての投稿が表示されるページでは、タイトルの下にFacebook Likeボタンを追加して、「Read More」に行かずにすぐに投稿を好きにしたいと思っています。

しかし、「好き」をクリックすると、すべてのブログポストが好きなので、そのすべてが+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> 

Answer 1

このようなだけのURLを参照のうえされています

私は、次のコードを使用しています。

ボタンに個別の「好き」があるようにするには、それぞれに固有のURLを指定する必要があります。 （参照している投稿のURL）

<div class="fb-like" data-href="URL"....>要素のdata-href属性を使用してURLを設定します。

ボタンのようになると、http://example.comとhttps://example.comは2つのサイトになることに注意してください。

Answer 2

data-href="http://<<your blog url>>"は、ページではなくブログを好きにする必要があります。

<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> 

Answer 3

これらは近いですが、ワードプレスでは、あなたのループに

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

を呼び出すことになるでしょう。それは好きになるように投稿を設定する必要があります。