PHP
HTML
WordPress

[wordpress]いいねボタンを記事ごとに設置する方法とその際にハマッたこと

More than 3 years have passed since last update.

[twitter]
https://about.twitter.com/resources/buttons#tweet から生成したHTML内のdata-urlに
<?php clean_url(get_permalink()); ?>で出力。jsは普通に配置。

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php clean_url(get_permalink()); ?>" data-lang="ja">ツイート</a>

[facebook]
https://developers.facebook.com/docs/plugins/like-button からHTML5を選択し、生成したHTMLのdata-hrefをexpr:data-href='data:post.url'に置き換える。jsのコードはbody直下に配置した。

<div class="fb-like" expr:data-href='data:post.url' data-width="100" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

ハマッた部分
facebookは、サーバー側でキャッシュがきいているので、アカウントのアクティビティにすぐに反映されなかった。

解決策
https://developers.facebook.com/tools/debug/
ボタンがうまく機能しているか確認できるものらしく、サーバー側のキャッシュもクリアしてくれる。