WORDPRESSでFACEBOOKいいねボタンを

質問

WORDPRESS（無料版使用、ドメインのみ取得）でFACEBOOKの「いいね」ボタンを投稿につけたいと思い試行錯誤を重ねましたが、うまくいきません。いろいろググり、次の様に記述しましたのですが、狙い通りボタンが表示されません。
＜タイトル＞いいねボタンのテスト
以下投稿の本文　（HTMLというのでしょうか？）
いいね

<a href="https://www.facebook.com/plugins/like.php?href=https://brasileiro365.wordpress.com/?p=1438&preview=true&width=450&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId=フェイスブックのID">https://www.facebook.com/plugins/like.php?href=https://brasileiro365.wordpress.com/?p=1438&preview=true&width=450&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId=フェイスブックのID</a>

上記を保存してプレビューしますと、添付画像上部のスクリーンコピーのように表示されます。リンクされた文字の部分をクリックしますと新しくページが開かれ、「いいね」ボタンが下部のスクリーンコピーのように出てきます。

このボタンを投稿したページの下に表示したいのですが、どこが悪いのでしょうか。どのようにすれば、良いのでしょうか教えてください。

回答No.1

ballville · ベストアンサー

http://example.comに対する「いいね」をするボタンを置く例です。

(1)bodyタグの直後にこれを貼る
<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/ja_JP/sdk.js#xfbml=1&version=v2.10";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

(2)html上でボタンを起きたい場所にこれを貼る
<div class="fb-like" data-href="http://example.com" data-width="50" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>

参考URL：

https://developers.facebook.com/docs/plugins/like-button?locale=ja_JP#

お礼

早速に教えていただきありがとうございました。残念ながら今のところ、問題は解決しておりません。今日、WORDPRESSの教本を買って来て、あれこれ見ていたのですが、私が使っているバージョンは相当前にインストールしたものでどのバージョンか分かりませんし、最新バージョンにアップデートできません。パーマリンクの初期設定をするページも出てきません。
まずは、WORDPRESSへバージョンアップの方法を問い合わせてみようと思います。
引き続きどうぞよろしくお願いいたします。

補足

その後、WORDPRESSに直接質問したところ、私の無料版は常に最新との回答でした。また、勝った教本とは画面が違っていました。何が原因か特定できていませんが、楽しい経験でした。ついては、もう少しHTMLについて、勉強しようと思っています。大変ありがとうございました。