WordPressサイトが成功するための簡単な真実の1つ：訪問者があなたのコンテンツに簡単にエンゲージできるようにすることが成長の鍵です。しかし、多くのサイト所有者は、Facebookの「いいね！」ボタンを追加するという簡単なことを見落としています。
小さな追加機能のように思えるかもしれませんが、リーチを拡大するための最も強力なツールの1つです。いいねが増えれば、より多くの人に知られるようになり、それがしばしばより多くのトラフィックと潜在的な顧客につながります。
幸いなことに、WordPressサイトに1つ追加するのは、思っているよりも簡単です！さまざまなFacebook統合方法を試しましたが、非常にうまく機能するものがいくつか見つかりました。
このチュートリアルでは、WordPressにFacebookいいねボタンを追加する方法を説明します。テスト済みの最良の方法を共有するので、ソーシャルエンゲージメントを活用してWordPressサイトを成長させることができます。📈
WordPressにFacebookいいね！ボタンを追加する理由
Facebookは世界で最も人気のあるソーシャルメディアプラットフォームの1つです。多くの企業がFacebookを利用して顧客とつながり、製品を宣伝しています。
WordPressウェブサイトにFacebookの「いいね！」ボタンを追加すると、エンゲージメントを高めることができます。また、コンテンツをFacebookプロフィールで共有することを促し、サイトに新しいユーザーを引き付けることもできます。
Facebookのいいね！ボタンを使用して、ソーシャルフォロワーを増やし、コミュニティを構築できます。これにより、製品やサービスへの認知度が高まり、コンバージョン率が向上します。
これを踏まえ、WordPressウェブサイトにFacebookいいね！ボタンを追加する方法をご紹介します。このガイドで説明する主な方法を以下に示します。
- 方法1：プラグインを使用してWordPressにFacebookいいね！ボタンを追加する
- 方法 2: WordPress に Facebook の「いいね！」ボタンを手動で追加する
- ボーナスのヒント：オープングラフメタデータとは何ですか？WordPressにどのように追加しますか？
- 追加リソース：WordPress ウェブサイト向けのその他のソーシャルメディアガイド
準備はいいですか？プラグインまたはカスタムコードを使用してWordPressにFacebookのいいね！ボタンを追加する方法を見てみましょう。
方法1：プラグインを使用してWordPressにFacebookいいね！ボタンを追加する
この方法では、WordPressプラグインを使用してFacebookのいいね！ボタンを追加します。この方法は非常に簡単で、初心者におすすめです。
まず、BestWebSoftのLike & Shareをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、WordPress管理画面から 「いいね！」＆「共有」 » 「設定」 に移動できます。
次に、Facebookの「アプリID」と「アプリシークレット」を追加する必要があります。この情報がない場合は、以下の手順に従ってください。
FacebookアプリIDとアプリシークレットの作成方法
「設定」パネルで、「いいね！＆共有」プラグインの「アプリID」または「アプリシークレット」フィールドの下にある「新規作成」リンクをクリックしてください。
これは Meta for Developers のウェブサイトに移動します。ウェブサイトは新しいタブまたはウィンドウで開くことをお勧めします。なぜなら、アプリ ID とシークレットを入力するために、WordPress 管理画面の「いいね！＆共有」設定ページを開く必要があるからです。
ここから、アプリの種類を選択する必要があります。「ビジネス」をアプリの種類として選択し、「次へ」ボタンをクリックしてください。
次に、アプリに関する基本的な情報を提供する必要があります。
アプリの表示名を入力でき、[App contact email]フィールドに正しいメールアドレスが表示されることを確認してください。Facebookは、現在ログインしているアカウントのメールアドレスを自動的に選択します。
ビジネスアカウントを選択するオプションもあります。「ビジネス マネージャー アカウントが選択されていません」のままにして、「アプリを作成」ボタンをクリックできます。
次に、ポップアップウィンドウが表示されます。ここで、Facebookはパスワードの再入力を求めます。
これは、アカウントへの悪意のあるアクティビティを防ぐためのセキュリティ対策です。Facebookアカウントのパスワードを入力して、「送信」ボタンをクリックしてください。
その後、アプリダッシュボードが表示されます。
ここから、左側のメニューから 設定 » 基本 に進むことができます。
「設定」ドロップダウンを展開し、「基本」をクリックします。
ここで、「アプリID」と「アプリシークレット」が表示されます。
「いいね！」＆共有プラグインの設定にこの情報を入力できるようになりました。
Facebookいいねボタンのカスタマイズを完了する
まず、「App ID」をコピーして、Like & Share » Settingsページを開いているタブまたはウィンドウに戻ります。次に、「App ID」を該当するフィールドに入力するだけです。
次に、Meta for Developersページから「アプリシークレット」データをコピーし、いいね！＆共有プラグインの設定に貼り付ける手順を繰り返します。
それが完了したら、プロフィール URL と 共有ボタンと一緒に Facebook のいいねボタンを表示するかどうかを選択できます。
Facebook の「いいね！」ボタンのサイズ、コンテンツの前または後の位置、配置を編集する設定もあります。
プロフィールURLボタンを有効にしている場合は、「プロフィールURLボタン」セクションまでスクロールダウンし、Facebookのユーザー名またはIDを入力できます。
完了したら、変更を保存することを忘れないでください。
これで、プラグインはFacebookのいいね！ボタンを自動的にWordPressウェブサイトに追加し、設定に基づいて配置します。
[fb_button] ショートコードを使用して、サイトのどこにでも Facebook のいいね！ボタンを追加することもできます。
これで完了です！これでサイトにアクセスすると、各投稿に「いいね！」ボタンが表示されます。
方法 2: WordPress に Facebook の「いいね！」ボタンを手動で追加する
Facebookいいねボタンを追加する別の方法は、カスタムコードを使用することです。ただし、この方法ではコードをWordPressに直接追加する必要があるため、コード編集に慣れている方のみにお勧めします。
このセクションでは、WPCodeプラグインを使用します。これにより、誰でも簡単にコードをWordPressブログに追加できます。
まず、Meta for Developersのウェブサイトにある「いいね！」ボタンページにアクセスし、「いいね！」ボタンコンフィギュレーター」セクションまでスクロールしてください。
次に、「いいね！」する URL フィールドに Facebook ページの URL を入力します。これにより、Facebook のいいねボタンがページに接続されます。
その後、設定を使用して「いいね！」ボタンのレイアウトとサイズを選択するだけです。「いいね！」ボタンのプレビューも表示されます。
プレビューに満足したら、「コードを取得」ボタンをクリックします。これにより、ポップアップウィンドウが表示され、「JavaScript SDK」タブの下に2つのコードスニペットが表示されます。
これらのコードスニペットをWordPressテーマに直接追加すると、ウェブサイトが破損する可能性があることに注意してください。さらに、テーマを更新すると上書きされます。
そのため、WPCode プラグインの使用をお勧めします。このプラグインを使用すると、テーマファイルを編集することなく、コードスニペットをウェブサイトに貼り付け、カスタムコードを簡単に管理できます。これにより、WordPressサイトが破損するリスクを回避できます。
また、WPCodeはブランドサイト全体でカスタマイズをスムーズかつ効率的に処理するために信頼しています。それに関する私たちの経験の詳細については、WPCodeの完全なレビューをご覧ください。
開始するには、WPCode無料プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。
📝 注: WPCode の無料版ではカスタムコードスニペットを追加できます。今回はそれを使用します。ただし、WPCode Pro にアップグレードすると、完全な改訂履歴やコードのスケジュール設定機能など、追加機能が利用できるようになります。
有効化したら、WordPress ダッシュボードから コードスニペット » ヘッダーとフッター に移動できます。
次に、最初のコードスニペットをコピーし、WordPressテーマのheader.phpファイルの<body>タグの直後に貼り付けます。コードをコピーして、「Body」セクションに入力するだけです。
このプロセスが完了したら、「変更を保存」ボタンをクリックすることを忘れないでください。
次に、Facebookの「いいね！」ボタンを表示するために、2番目のコードをコピーしてWordPressサイトに貼り付ける必要があります。
これを行うには、WordPress管理パネルから コードスニペット » スニペットを追加 に移動します。または、WPCodeダッシュボードの「新規追加」ボタンをクリックするだけです。
次の画面で、WPCodeはプリビルドライブラリからスニペットを選択するか、新しいカスタムコードを追加することを許可します。
「カスタムコードを追加（新規スニペット）」オプションを選択し、「スニペットを使用」ボタンをクリックします。
その後、カスタムコードに名前を付け、「コードプレビュー」セクションの下に2番目のコードスニペットを入力できます。
「コードの種類」ドロップダウンメニューをクリックし、コードの種類として「HTMLスニペット」を選択してください。
次に、「挿入」セクションまでスクロールダウンして、Facebookいいねボタンを表示したい場所を選択できます。
例えば、コンテンツの前に表示したいとします。
「場所」ドロップダウンメニューをクリックし、「ページ、投稿、カスタム投稿タイプ」の下にある「コンテンツの前に挿入」オプションを選択するだけです。
完了したら、「スニペットを保存」ボタンをクリックできます。
トグルをクリックして、「非アクティブ」から「アクティブ」に切り替える必要もあります。
これで完了です。コードを入力すると、Facebookの「いいね！」ボタンがウェブサイトに表示されます。
ボーナスのヒント：オープングラフメタデータとは何ですか？WordPressにどのように追加しますか？
Open Graphは、FacebookがWordPressサイトのページまたは投稿に関する情報を収集するのに役立つメタデータです。このデータには、サムネイル画像、投稿/ページタイトル、説明、作成者が含まれます。
Facebook はタイトルと説明フィールドをプルアップするのが非常に賢いです。ただし、投稿に画像が複数ある場合、共有時にサムネイルが正しく表示されないことがあります。
すでに All in One SEO (AIOSEO) プラグインを使用している場合は、これを簡単に修正できます。
WPBeginnerでは、FacebookやXなどのOpen Graph設定を管理するために、他のSEO対策と並行してAIOSEOプラグインを使用しています。私たちはこのプラグインを非常に気に入っており、詳細については当社の詳細なAIOSEOレビューをご覧ください。
これを行うには、まず**すべてのSEOツール » ソーシャルネットワーク**に移動し、Facebookタブに切り替えます。
次に、「画像をアップロードまたは選択」ボタンをクリックして、記事にOpen Graph画像がない場合に「デフォルトの投稿Facebook画像」を設定します。
それに加えて、個々の投稿またはページごとにオープングラフ画像を設定することもできます。
投稿を編集する際は、コンテンツエディターのAIOSEO設定セクションまでスクロールダウンしてください。次に、「ソーシャル」タブに切り替えると、サムネイルのプレビューが表示されます。
次に、「画像のソース」オプションまでスクロールします。次に、投稿のオープングラフ画像を選択してください。
例えば、Open Graphのサムネイルとして使用する画像として、「添付画像」、「コンテンツ内の最初の画像」、または「カスタム画像」を選択できます。
詳細およびオープングラフメタデータを追加する代替方法については、WordPressテーマにFacebookオープングラフメタデータを追加する方法に関するガイドを参照してください。
追加リソース：WordPress ウェブサイト向けのその他のソーシャルメディアガイド
この記事が WordPress に Facebook のいいねボタンを追加する方法を学ぶのに役立ったことを願っています。次に、次のガイドも参照してください。
- WordPressでFacebookページのレビューを表示する方法
- WordPress に Facebook アルバムを埋め込む方法
- WordPressユーザー向けの最高のFacebookヒントとチュートリアル
- ソーシャルメディアコンテストを実行してサイトを成長させる方法
- WordPressでソーシャルメディアを使用してメール購読者を増やす方法
- ブロガー、マーケター、ソーシャルメディア向けの最高のAIプロンプト
- WordPress向けソーシャルメディア完全チートシート
- WordPressに最適なソーシャルメディアプラグイン
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
kzain
WordPressサイトにFacebookいいねボタンを追加したいと思っていましたが、この記事のおかげで非常に簡単になりました。簡単なショートコードやより高度なプラグインアプローチなど、複数の方法を提供してくださったのが気に入っています。ステップバイステップの説明とスクリーンショットは非常に明確で、ボタンの外観をカスタマイズするための追加のヒントに感謝しています。ソーシャルエンゲージメントを高め、オーディエンスとつながるのを助けてくれてありがとう！
アール・ジョーンズ
wp-like-button をブログページに追加し、指示に従って設定しました。いいねカウンターは上昇しているので、読者がボタンをクリックしていることはわかりますが、フォローアップできるように、これらの読者の名前はどこで見つけられますか？
WPBeginnerサポート
現時点では、プラグインはその情報を追跡していません。
管理者
ミシェル
Hi Wp Beginner
素晴らしい記事をたくさん書いてくれて、本当にありがとう！
もうすでにとても役に立っています。分かりやすいです…。大好きです！
Cheers guys, keep on doing like you do
WPBeginnerサポート
You’re welcome, glad our articles have been helpful
管理者
Macdonald
こんにちは、皆さん。
Blog Bank Wordpressのテーマを使用していますが、Facebook、Twitter、Google+、LinkedInボタンがうまく組み込まれていますが、意図したとおりに機能させることができません（私の各ソーシャルサイトを参照してください）。方法があれば知りたいです。
私たち初心者にとって、継続的に素晴らしい仕事をしてくださっていることに感謝します。
WPBeginnerサポート
この問題については、テーマのサポートに問い合わせる必要があります。テーマ自体にエラーがあるのか、それとも問題を解決する方法なのかを教えてくれるはずです。
管理者
ステファン・ンゲメナ
管理者様、WordPressブログでヘッダーとフッタープラグインを使用しています。フッターにコードを追加したところ、ブログの末尾にいいねボタンが表示されています。各投稿の直後に表示されるようにするにはどうすればよいですか？ありがとうございます。
Mary
The WordPress plugin worked perfect. Thanks for tutorial.
soshail akash
I am unable to make the plugin work on Archives
It works perfectly fine on Single Posts.
ご協力いただけると大変助かります
Jonathan
「URLフィールドは空のままで構いません。URLはWordPressで動的に入力されます。」とおっしゃいました。
その後、記事に URL を動的に入力するためのコードを記載してくれることを期待していました。
data-hrefを空白のままにして、追加のアクションなしでURLは動的に入力されますか？
Vipin
投稿メタ情報にFacebookのいいね数を表示するにはどうすればよいですか。
このように：AdminがTechnologyに投稿しました 日付 | 2件のコメント | 5件のいいね
Sandeep kumar
Jetpackプラグインはいいねボタンも提供しています。
Ahmed
ボタンのサイズをもっと大きくしたいです
Toon
今のところ順調で、これは機能します。
しかし、ボタンを押した瞬間にそのポップアップウィンドウを削除するにはどうすればよいですか。
Len Vanderlinde
Wordpressを使用して、営利目的ではない個人のウェブサイト（ブログではなく）をセットアップしました。私の非常に限られたウェブ知識でそれができたことに非常に感銘を受けています。Facebookの「いいね！」ボタンを追加したいのですが、私のホームページではあなたの指示が機能しませんか？
Lenより
suzannah
ありがとうございます。これは見事に機能しました。投稿だけでなく、ページでもこれを実行する方法はありますか？ありがとうございます！！！このサイトが一番のお気に入りになりました！
Patrick
こんにちは、
このチュートリアルは私には中国語のように聞こえます。初心者にはない特定の知識を前提とした語彙を使用しています。
「まず、テーマのフォルダにあるsingle.phpファイルを「開きます。次に、投稿ループ内に次のコードを貼り付けます。」
それはどういう意味ですか？
投稿を短く保っていることは理解していますが、多くの場合、本当に短すぎます！
ありがとうございます
mark
こんにちは、
質問です。ここでやったように、FBいいねボタンをGoogle +1ボタンやその他のボタンとインラインで配置するにはどうすればよいですか？
ありがとうございます、
マーク
Vishwas anand
これは私の single.php ファイルです。コードをどこに追加すればよいか教えてください。
” . __( ‘次へ’, ‘twentyfifteen’ ) . ‘ ‘ .
” . __( ‘次の投稿:’, ‘twentyfifteen’ ) . ‘ ‘ .
‘%title’,
‘prev_text’ => ” . __( ‘前へ’, ‘twentyfifteen’ ) . ‘ ‘ .
” . __( ‘前の投稿:’, ‘twentyfifteen’ ) . ‘ ‘ .
‘%title’,
)
1
// ループを終了します。
endwhile;
?>
j.siurivera
チュートリアルをありがとうございます！しかし、投稿に「いいね！」ボタンが表示されませんでした。
iframeコードを間に貼り付けていました
そして（iframeコードをここに貼り付け）
そして、ループ終了前に他のいくつかの場所でも確認しましたが、まだ出てきません。助けてください！
こちらが私のテーマ（Eryn）のsingle.phpファイルです
ありがとうございます!!
j.siurivera
すみません、php が表示されていないことに気づきました…こちらです:
xuamox
機能しますが、レスポンシブではありません。レスポンシブデザインの他のオプションはありますか？
Manu Raj
ありがとうございます
サンティアゴ
シェアボタンを使用すると 404 エラーページが表示されます。助けていただけますか？
レベッカ
「愚かな質問」をした人たちに感謝します。その答えは私をとても助けてくれました。とても嬉しいです！ありがとう、みんな。
カサル・バトラー
コードが機能しません…以下は、私のsingle.phpページからのコードのコピーです。コードはどこに貼り付けるべきですか？
#content{margin-left:18px;}
<div class="post" id="post-“>
<?php the_content('Read the rest of this entry »’); ?>
‘ページ: ‘, ‘after’ => ”, ‘next_or_number’ => ‘number’)); ?>
<?php the_tags( 'Tags: ‘, ‘, ‘, ”); ?>
WPBeginnerサポート
the_content() の行のすぐ上または下に。
管理者
エメリン・ジェーン
こんにちは！
現在、コードとプラグインを通じて Facebook のインサイトを機能させようとしていますが、この「適切な」Facebook のいいねコードをどのように入力すればよいのか全くわかりません。
これは私の「singular.php」のコードです。私が使用しているテーマはHatchです。
<div id="post-” class=””>
<?php echo apply_atomic_shortcode( 'byline', '’ . __( ‘投稿者：[entry-author] 公開日：[entry-published] [entry-edit-link before=” | “]’, ‘hatch’ ) . ” ); ?>
<?php the_content( __( '続きを読む →’, ‘hatch’ ) ); ?><br> ” . __( ‘ページ:’, ‘hatch’ ), ‘after’ => ” ) ); ?><br>
コードをどこに挿入すればよいか教えてください！あらゆる場所、( have_posts) の周りなどで試しましたが、うまくいきません。
WPBeginnerサポート
コードを投稿タイトルとthe_contentの間に配置してみてください。
管理者
Amy
投稿にFacebookの「私のページにいいね！」ボタンを追加するにはどうすればよいですか？ 設定を見ましたが、JavaScriptなどのコードは2つありますが、全くわかりません?? よろしくお願いします!!
Karen
こんにちは、チュートリアルありがとうございます！サイトで機能させることができましたが、なぜか投稿を「いいね！」してもFBフィードに表示されません。何か間違ったことをした可能性はありますか？
編集スタッフ
あるサイトの投稿を過度に「いいね！」すると、Facebookが一時的にブロックすることがあります。一方、アクティビティフィードを確認して、そこに表示されているか見てみてください。
管理者
Juvy
こんにちは、WPBeginnerさん、
WordPressは初めてで、ウェブサイトに大きな問題があります。どうすれば解決できるか助けていただけますか。どうかお願いします。私のウェブサイトはこちらです http://www.mymovietube.com が壊れてしまいました。
表示されたエラーは次のとおりです。
解析エラー: 構文エラー、予期しない ‘<' in /home/mymovie/public_html/wp-content/plugins/facebook-social-plugins/widgets/like-button.php on line 2
これを修正する方法を教えてください。
ありがとうございます。
ヘルプが必要な場合、
Juvy
編集スタッフ
この記事を参照してください。
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
管理者
マイケル
Facebookインサイトは、いいねボタンのhtml5バージョンでも動作しますか、それともxfbmlバージョンのみですか？どちらのバージョンも同じJavaScriptで動作します。
ちなみに、素晴らしい記事です。私のウェブサイトに実装するつもりです。ありがとうございます。
編集スタッフ
HTML5バージョンでも機能するはずです。
管理者
ジェイク
サイトを「いいね！」したときにFacebookに表示される画像と説明をカスタマイズする方法を教えていただけますか、またはそれについて議論している記事を教えていただけますか。その部分を理解するのに非常に苦労しています。ありがとう！
編集スタッフ
WordPress SEO by Yoastプラグインを使用してください。このプラグインは、テーマにog:（Open Graph）タグを追加します。投稿に指定したメタディスクリプションが説明として表示されます。添付した投稿のサムネイルがサムネイルとして機能します。お役に立てば幸いです。
管理者
ジェイク
はい！このサイトは最高です！！
garrick1234
single.phpファイルはどこで見つけられますか？ すみません、とても愚かに聞こえるかもしれませんが、私は（時々）
wpbeginner
@garrick1234 愚かな質問などありません。FTP フォルダの /wp-content/themes/yourthemename/ にあります。または、WP-Admin で「外観」>「エディター」に移動して見つけてください。
ショウガ
投稿時に、ユーザーが自分の推薦コメントを追加できるようにするにはどうすればよいですか？
wpbeginner
ユーザーがクリックすると、コメントボックスが開くだけでなければなりません。特にFBMLバージョンを使用している場合。
angie
layout=”button_count”!!! ありがとうございます！ずっと探していました！
編集スタッフ
こんにちは、
WordPress SEO by Yoast を使用し、ソーシャルセクションを有効にしてください。または、Simple Facebook Connect をインストールして有効にするだけで…他に何もする必要はありません。これで機能します。
管理者
tingmike
ありがとう。一つ問題があるのですが、ボタンがGoogle+やPinterestのボタンと揃っていません。他のボタンと比べて2ピクセル低くなっています。同じ水平位置に揃える方法について何かアイデアはありますか？
wpbeginner
@tingmike CSSクラスを追加すると、正しく機能することを確認できます。
ソフィア
ありがとうございます、素晴らしいです！
フラン・ドーフ
single.phpファイルで「投稿ループ」はどこで見つけられますか？いくつかの場所にコードを貼り付けようとしましたが、何も起こりません!!!
編集スタッフ
Post loopは、投稿がある限り投稿するというコードです。endwhile; の前にこのコードを投稿したいと考えています。
管理者
wpbeginner
@Fran Dorf have_post、the_postがある場合に確認する必要があります
ケイト
これらの指示は簡単に見えますが、「テーマのフォルダにある single.php ファイルを開く」方法を知らない人には何の役にも立ちません。私は常にインターネットに接続していますが、HTML に関する知識はほとんどありません。以前にコードを追加したことはありますが、そもそもコードにアクセスする方法についての指示が必要です。「single.php」ファイルについては、WordPress のどこにも何も見つかりません。助けてください。読者に私の投稿を Facebook、Twitter、および電子メールで共有してもらいたいのです。
wpbeginner
single.phpファイルを開く方法がわからない場合は、サイトにFacebookいいねボタンを追加する多くの無料プラグインのいずれかを利用することをお勧めします。
Tierney
こんにちは、コードをサイトに投稿したら機能しました。しかし、友達のアイコンが残っていません。ページをリフレッシュすると、友達のアイコンが消えます。賞品の抽選のために、いいねボタンをクリックした友達全員の名前を知りたいです。手伝ってもらえますか？コードはこちらです：<iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>&layout=standard&show_faces=true;width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”20″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:60px”>
Tierney
すみません。コードを投稿しようとしましたが、WP beginnerのように表示されました。申し訳ありません。
wpbeginner
あなたのコードは正しいです…それはFBのグリッチのせいか、あなたの「いいね！」が記録されていないようです。
Megan at Fiterature
こんにちは、これは私には機能していません。上記のものをそのままsingle.phpセクションにコピー＆ペーストしました。Twenty Elevenテーマを使用しています。ファイルを更新してウェブサイトを確認すると…いいね！ボタンが表示されません。何が足りないのでしょうか？
papayacansada
この件で頭痛の種を抱えています。私が欲しいのは、ホームページにFacebookのいいねボタンを設置することです。それはできましたが、問題は、ボタンがクリックされたときに、メインページではなく最新の投稿に「いいね！」がつくことです。多くの試行錯誤の後、現在、コードはループの外、ヘッダーにあり、ほとんどどこにでも表示されます。この方法でも、単一のページにいるときはボタンは期待どおりに機能し、「いいね！」は単一の投稿に送られるようです。私の懸念はメインページです。ホームページにいるときに、最新の投稿ではなく mydomain.com に「いいね！」をしてほしいのです。
wpbeginner
コードのhrefの部分です。phpコードをあなたのサイトのドメインに置き換えてください。
jenniferdoser
これはうまくいきました – ありがとう！ 3つの問題があります。(1)投稿に「いいね！」をすると、サムネイルの横に次のテキストが表示されます：これらのHTMLタグと属性を使用できます： (2)誰かが「いいね！」ボタンをクリックしたときに、このサイトのようにコメントボックスがドロップダウンするようにしたいのですが、そのためのドキュメントが見つかりません。
(3) Open Graph プラグインをインストールした後、インサイトにアクセスしようとしましたが、ブログにインサイトを追加しようとすると、このエラーメッセージが表示されます: ルートウェブページ http://www.firelilyphotography.com/ で管理者データが見つかりません。指定された URL http://www.firelilyphotography.com/blogWhat でインサイトを使用するには、このルートウェブページで管理者データが必要です。インサイトを機能させるには、どのような管理者データを追加する必要がありますか？
ありがとうございます！
wpbeginner
@jenniferdoser まず、インサイトといいねボタンのドロップダウンメッセージボックスが必要な場合は、XFBMLの方法に従う必要があります。次に、このチュートリアルに従ってください。https://www.wpbeginner.com/wp-tutorials/how-to-get-facebook-insights-for-your-wordpress-site/
jenniferdoser
XFBML方式を使用していますが、まだうまくいっていません。主な問題は、プラグインを最初に有効化したときに、個人のIDではなくビジネスページのFacebook IDを使用したことだと思います。その後IDを更新しましたが、投稿に「いいね！」をするとエラーが発生します：メタタグ「fb:app_id」で指定されたアプリID「73464248836」は無効でした。これは私のビジネスページのIDです。プラグインを削除して最初からやり直しましたが、うまくいきません。WPに新しいIDを認識させるにはどうすればよいですか？
robolist
@wpbeginner thanks for that
For some reason i was thinking it wouldnt work. My college placed the codes for share buttons there before but when clicked they would ‘like’ all of the posts together. Maybe he didnt use the get_permalink function. Although i am sure i told him to use it. but it is working now so thank you so much…
kellydiek
このようなプラグイン、またはそのような可能性についてご存知ですか…いいねボタンが付いたブログ投稿があります。現在15件の「いいね！」が付いています。たとえば、ブログ投稿を更新情報とともに編集するとします。以前に投稿を「いいね！」したユーザーのウォールに、Facebookにブログリンクを再投稿させることはできますか？（更新されたことを知らせるため）。これで意味が通じることを願っています。今日クライアントから依頼されたのですが、そのようなことは聞いたことがありません！
wpbeginner
@robolist テーマフレームワークを使用していますか？そうでない場合は、それほど難しくないはずです。上記のコードをindex.php、loop.php、またはarchive.phpファイルのループ内に配置してください…
robolist
Fantastic tutorial guys… Just like all of your tutorials throughout this website, they are all very easy to follow. Great stuff
しばらくの間新しいブログを開発しており、カスタムテーマに取り組んでいます。ここに提案されているものと非常によく似た、各投稿にいくつかのソーシャル共有ボタンを配置しました。プラグインを使用するのではなく手動で行うことを選択したのは、プラグインから私が望む正しい共有ボタンであっても、プラグインのスタイリングオプションの欠如であっても、私が望むものを正確に得ることができないように思われるためです。
ボタンを手動で配置することで、使用したいものを使用し、好きなようにスタイルを設定できます。唯一の問題は、抜粋とともにループにボタンを表示させる方法がどうしてもわからないことです。
正しい方向性を示していただけると大変感謝いたします。
事前に感謝いたします。
filipstrbad
single.php にコードを追加すると、新しい投稿にのみいいねボタンが表示され、古い投稿には表示されません。古い投稿にも追加できますか？
wpbeginner
@JustinElia このチュートリアルは、各WordPress投稿にいいね！ボタンを追加するためのものです。あなたのFacebookページにリンクしたい場合は、hrefをfacebook.com/yourfanpageに変更してください。
JustinElia
とても馬鹿げた質問かもしれません。サイトでいいねボタンを使用しており、さまざまなプラグインを試しましたが、どうすればFacebookのいいねボタンを投稿のページにリンクできますか？例：Facebookで自分のサイトの特定の投稿に「いいね！」をすると、「〇〇さんがhttp://www.bigbackpacker.comの投稿に「いいね！」しました」と表示されます。私のブログのFacebookページにはリンクされません。これが混乱しすぎないことを願っています。どんな助けでも感謝します、ありがとう。
ssfutrell
Facebookいいねボタンプラグインをアップロードしました。投稿の下部に表示されています。すべての投稿の上部に表示したいです。どのように変更すれば上部に表示できますか？わかりません。すでに回答されていないことを願っています。非常に簡単な指示が必要です。ありがとうございます。
wpbeginner
@seocatalysts Facebook のいいねボックスプラグインを使用してください。