WordPressサイトが成功するための簡単な真実の1つ:訪問者があなたのコンテンツに簡単にエンゲージできるようにすることが成長の鍵です。しかし、多くのサイト所有者は、Facebookの「いいね!」ボタンを追加するという簡単なことを見落としています。
小さな追加機能のように思えるかもしれませんが、リーチを拡大するための最も強力なツールの1つです。いいねが増えれば、より多くの人に知られるようになり、それがしばしばより多くのトラフィックと潜在的な顧客につながります。
幸いなことに、WordPressサイトに1つ追加するのは、思っているよりも簡単です!さまざまなFacebook統合方法を試しましたが、非常にうまく機能するものがいくつか見つかりました。
このチュートリアルでは、WordPressにFacebookいいねボタンを追加する方法を説明します。テスト済みの最良の方法を共有するので、ソーシャルエンゲージメントを活用してWordPressサイトを成長させることができます。📈

WordPressにFacebookいいね!ボタンを追加する理由
Facebookは世界で最も人気のあるソーシャルメディアプラットフォームの1つです。多くの企業がFacebookを利用して顧客とつながり、製品を宣伝しています。
WordPressウェブサイトにFacebookのいいね!ボタンを追加すると、エンゲージメントを高めることができます。また、Facebookのプロフィールでコンテンツを共有するように促し、サイトへの新規ユーザーを引き付けることができます。
Facebookのいいね!ボタンを使用して、ソーシャルフォロワーを増やし、コミュニティを構築できます。製品やサービスの認知度を高め、コンバージョンを促進するのに役立ちます。
これを踏まえ、WordPressウェブサイトにFacebookいいね!ボタンを追加する方法をご紹介します。このガイドで説明する主な方法を以下に示します。
準備はいいですか?プラグインまたはカスタムコードを使用してWordPressにFacebookのいいね!ボタンを追加する方法を見てみましょう。
方法1:プラグインを使用してWordPressにFacebookいいね!ボタンを追加する
この方法では、WordPressプラグインを使用してFacebookのいいね!ボタンを追加します。この方法は非常に簡単で、初心者におすすめです。
最初に行う必要があるのは、BestWebSoftのLike & Shareをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、WordPress管理画面から 「いいね!」&「共有」 » 「設定」 に移動できます。

次に、Facebookの「アプリID」と「アプリシークレット」を追加する必要があります。この情報がない場合は、以下の手順に従ってください。
FacebookアプリIDとアプリシークレットの作成方法
「設定」パネルで、「いいね!&共有」プラグインの「アプリID」または「アプリシークレット」フィールドの下にある「新規作成」リンクをクリックしてください。
これにより、Meta for Developersのウェブサイトに移動します。アプリIDとシークレットを入力するために、WordPress管理画面でいいね!&共有設定ページを開く必要があるため、ウェブサイトを新しいタブまたはウィンドウで開くことをお勧めします。
ここから、アプリの種類を選択する必要があります。「ビジネス」をアプリの種類として選択し、「次へ」ボタンをクリックしてください。

次に、アプリに関する基本的な情報を提供する必要があります。
アプリの表示名を入力でき、「アプリの連絡先メールアドレス」フィールドに正しいメールアドレスが表示されていることを確認してください。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のいいね!ボタンを追加するもう1つの方法は、カスタムコードを使用することです。ただし、この方法ではWordPressに直接コードを追加する必要があるため、コード編集に慣れている方のみにお勧めします。
このセクションでは、WPCodeプラグインを使用します。これにより、誰でも簡単にコードをWordPressブログに追加できます。
しかし、まず、Meta for Developersのウェブサイトにある「いいね!ボタン」ページにアクセスし、「いいね!ボタンコンフィギュレーター」セクションまでスクロールダウンする必要があります。

次に、「いいね!」する URL フィールドに Facebook ページの URL を入力します。これにより、Facebook のいいねボタンがページに接続されます。
その後、設定を使用して「いいね!」ボタンのレイアウトとサイズを選択するだけです。「いいね!」ボタンのプレビューも表示されます。
プレビューに満足したら、「コードを取得」ボタンをクリックします。これにより、ポップアップウィンドウが表示され、「JavaScript SDK」タブの下に2つのコードスニペットが表示されます。

これらのコードスニペットをWordPressテーマに直接追加すると、ウェブサイトが破損する可能性があることに注意してください。さらに、テーマを更新すると上書きされます。
そのため、WPCodeプラグインの使用をお勧めします。このプラグインを使用すると、コードスニペットをウェブサイトに貼り付けることができ、テーマファイルを編集せずにカスタムコードを簡単に管理できます。これにより、WordPressサイトが破損するリスクを回避できます。

また、当社のブランドサイト全体でWPCodeを使用して、カスタマイズをスムーズかつ効率的に処理してきました。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のOpenGraph設定の管理にAIOSEOプラグインを使用しており、その他のSEO対策も行っています。私たちはこれを高く評価しており、詳細についてはAIOSEOの詳細レビューをご覧ください。
これを行うには、まず**すべてのSEOツール » ソーシャルネットワーク**に移動し、Facebookタブに切り替えます。
次に、「画像をアップロードまたは選択」ボタンをクリックして、記事にOpen Graph画像がない場合に「デフォルトの投稿Facebook画像」を設定します。

それに加えて、個々の投稿またはページごとにオープングラフ画像を設定することもできます。
投稿を編集する際に、コンテンツエディターのAIOSEO設定セクションまでスクロールダウンします。次に、「ソーシャル」タブに切り替えて、サムネイルのプレビューを確認できます。

次に、「画像のソース」オプションまでスクロールします。次に、投稿のオープングラフ画像を選択してください。
例えば、Open Graphのサムネイルとして使用する画像として、「添付画像」、「コンテンツ内の最初の画像」、または「カスタム画像」を選択できます。

詳細およびOpen Graphメタデータを追加するその他の方法については、WordPressにFacebook Open Graphメタデータを追加する方法に関するガイドをご覧ください。
追加リソース:WordPress ウェブサイト向けのその他のソーシャルメディアガイド
この記事が WordPress に Facebook のいいねボタンを追加する方法を学ぶのに役立ったことを願っています。次に、次のガイドも参照してください。
- WordPressでFacebookページのレビューを表示する方法
- WordPress に Facebook アルバムを埋め込む方法
- WordPressユーザー向けの最高のFacebookヒントとチュートリアル
- ソーシャルメディアコンテストを実行してサイトを成長させる方法
- WordPressでソーシャルメディアを使用してメール購読者を増やす方法
- ブロガー、マーケター、ソーシャルメディア向けの最高のAIプロンプト
- WordPress向けソーシャルメディア完全チートシート
- WordPressに最適なソーシャルメディアプラグイン
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。


kzain
WordPressサイトにFacebookいいねボタンを追加したいと思っていましたが、この記事のおかげで非常に簡単になりました。簡単なショートコードやより高度なプラグインアプローチなど、複数の方法を提供してくださったのが気に入っています。ステップバイステップの説明とスクリーンショットは非常に明確で、ボタンの外観をカスタマイズするための追加のヒントに感謝しています。ソーシャルエンゲージメントを高め、オーディエンスとつながるのを助けてくれてありがとう!
アール・ジョーンズ
wp-like-button をブログページに追加し、指示に従って設定しました。いいねカウンターは上昇しているので、読者がボタンをクリックしていることはわかりますが、フォローアップできるように、これらの読者の名前はどこで見つけられますか?
WPBeginnerサポート
現時点では、プラグインはその情報を追跡していません。
管理者
ミシェル
こんにちは、Wp Beginner
素晴らしい記事をたくさん書いてくれて、本当にありがとう!
もうすでにとても役に立っています。分かりやすいです…。大好きです!
皆さん、ありがとうございます。これからも頑張ってください
WPBeginnerサポート
どういたしまして。記事がお役に立てて嬉しいです
管理者
マクドナルド
こんにちは、皆さん。
Blog Bank Wordpressのテーマを使用していますが、Facebook、Twitter、Google+、LinkedInボタンがうまく組み込まれていますが、意図したとおりに機能させることができません(私の各ソーシャルサイトを参照してください)。方法があれば知りたいです。
私たち初心者にとって、継続的に素晴らしい仕事をしてくださっていることに感謝します。
WPBeginnerサポート
この問題については、テーマのサポートに問い合わせる必要があります。テーマ自体にエラーがあるのか、それとも問題を解決する方法なのかを教えてくれるはずです。
管理者
ステファン・ンゲメナ
管理者様、WordPressブログでヘッダーとフッタープラグインを使用しています。フッターにコードを追加したところ、ブログの末尾にいいねボタンが表示されています。各投稿の直後に表示されるようにするにはどうすればよいですか?ありがとうございます。
メアリー
WordPressのプラグインは完璧に動作しました。チュートリアルをありがとうございます。
ソシャイル・アカシュ
アーカイブでプラグインを動作させることができません
シングル投稿では問題なく動作します。
ご協力いただけると大変助かります
ジョナサン
「URLフィールドは空のままで構いません。URLはWordPressで動的に入力されます。」とおっしゃいました。
その後、記事に URL を動的に入力するためのコードを記載してくれることを期待していました。
data-hrefを空白のままにして、追加のアクションなしでURLは動的に入力されますか?
ヴィピン
投稿メタ情報にFacebookのいいね数を表示するにはどうすればよいですか。
このように:AdminがTechnologyに投稿しました 日付 | 2件のコメント | 5件のいいね
サンディープ・クマール
Jetpackプラグインはいいねボタンも提供しています。
アーメド
ボタンのサイズをもっと大きくしたいです
トゥーン
今のところ順調で、これは機能します。
しかし、ボタンを押した瞬間にそのポップアップウィンドウを削除するにはどうすればよいですか。
レン・ヴァンダーリンデ
Wordpressを使用して、営利目的ではない個人のウェブサイト(ブログではなく)をセットアップしました。私の非常に限られたウェブ知識でそれができたことに非常に感銘を受けています。Facebookの「いいね!」ボタンを追加したいのですが、私のホームページではあなたの指示が機能しませんか?
Lenより
スザンナ
ありがとうございます。これは見事に機能しました。投稿だけでなく、ページでもこれを実行する方法はありますか?ありがとうございます!!!このサイトが一番のお気に入りになりました!
パトリック
こんにちは、
このチュートリアルは私には中国語のように聞こえます。初心者にはない特定の知識を前提とした語彙を使用しています。
「まず、テーマのフォルダにあるsingle.phpファイルを「開きます。次に、投稿ループ内に次のコードを貼り付けます。」
それはどういう意味ですか?
投稿を短く保っていることは理解していますが、多くの場合、本当に短すぎます!
ありがとうございます
マーク
こんにちは、
質問です。ここでやったように、FBいいねボタンをGoogle +1ボタンやその他のボタンとインラインで配置するにはどうすればよいですか?
ありがとうございます、
マーク
ヴィシュワス・アーナンド
これは私の single.php ファイルです。コードをどこに追加すればよいか教えてください。
” . __( ‘次へ’, ‘twentyfifteen’ ) . ‘ ‘ .
” . __( ‘次の投稿:’, ‘twentyfifteen’ ) . ‘ ‘ .
‘%title’,
‘prev_text’ => ” . __( ‘前へ’, ‘twentyfifteen’ ) . ‘ ‘ .
” . __( ‘前の投稿:’, ‘twentyfifteen’ ) . ‘ ‘ .
‘%title’,
)
1
// ループを終了します。
endwhile;
?>
j.siurivera
チュートリアルをありがとうございます!しかし、投稿に「いいね!」ボタンが表示されませんでした。
iframeコードを間に貼り付けていました
そして(iframeコードをここに貼り付け)
そして、ループ終了前に他のいくつかの場所でも確認しましたが、まだ出てきません。助けてください!
こちらが私のテーマ(Eryn)のsingle.phpファイルです
ありがとうございます!!
j.siurivera
すみません、php が表示されていないことに気づきました…こちらです:
xuamox
機能しますが、レスポンシブではありません。レスポンシブデザインの他のオプションはありますか?
マヌ・ラージ
ありがとうございます
サンティアゴ
シェアボタンを使用すると 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の間に配置してみてください。
管理者
エイミー
投稿にFacebookの「私のページにいいね!」ボタンを追加するにはどうすればよいですか? 設定を見ましたが、JavaScriptなどのコードは2つありますが、全くわかりません?? よろしくお願いします!!
カレン
こんにちは、チュートリアルありがとうございます!サイトで機能させることができましたが、なぜか投稿を「いいね!」してもFBフィードに表示されません。何か間違ったことをした可能性はありますか?
編集スタッフ
あるサイトの投稿を過度に「いいね!」すると、Facebookが一時的にブロックすることがあります。一方、アクティビティフィードを確認して、そこに表示されているか見てみてください。
管理者
ジュビー
こんにちは、WPBeginnerさん、
助けていただけますか。WordPressは初めてです。私のウェブサイトで大きな問題が発生しています。どうすれば解決できるか教えてください。お願いします。私のウェブサイトはこちらです http://www.mymovietube.com が壊れています。
受信したエラーは次のとおりです。
解析エラー: 構文エラー、予期しない ‘<' in /home/mymovie/public_html/wp-content/plugins/facebook-social-plugins/widgets/like-button.php on line 2
これを修正する方法を教えてください。
ありがとうございます。
ヘルプが必要な場合、
ジュビー
編集スタッフ
この記事を参照してください。
https://014.leahstevensyj.workers.dev/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バージョンを使用している場合。
アンジー
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いいねボタンを追加する多くの無料プラグインのいずれかを利用することをお勧めします。
ティアニー
こんにちは、コードをサイトに貼り付けたら機能しました。しかし、友達アイコンが残っていません。ページを更新すると、友達アイコンが消えてしまいます。いいねボタンをクリックした友達全員を残しておきたいので、誰がクリックしたかを知ることができます。景品抽選のために名前が必要です。手伝ってもらえますか?私のコードはこちらです:<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”>
ティアニー
すみません。コードを投稿しようとしましたが、WP beginnerのように表示されました。申し訳ありません。
wpbeginner
あなたのコードは正しいです…それはFBのグリッチのせいか、あなたの「いいね!」が記録されていないようです。
フィテラチュアのミーガン
こんにちは、これは私には機能していません。上記のものをそのまま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/blog のインサイトを機能させるには、このルートウェブページにどの管理者データを追加する必要がありますか?
ありがとうございます!
wpbeginner
@jenniferdoser インサイトといいねボタンのドロップダウンメッセージボックスが必要な場合は、まずXFBMLの方法に従う必要があります。次に、このチュートリアルに従ってください:https://014.leahstevensyj.workers.dev/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 それをありがとうございます
なぜかうまくいかないと思っていました。私の大学は以前そこに共有ボタンのコードを配置しましたが、クリックするとすべての投稿が一緒に「いいね!」されていました。おそらく彼はget_permalink関数を使用しなかったのでしょう。使用するように言ったことは確かですが。でも今うまくいっているので本当にありがとうございます…
ケリーディーク
このようなプラグイン、またはそのような可能性についてご存知ですか…いいねボタンが付いたブログ投稿があります。現在15件の「いいね!」が付いています。たとえば、ブログ投稿を更新情報とともに編集するとします。以前に投稿を「いいね!」したユーザーのウォールに、Facebookにブログリンクを再投稿させることはできますか?(更新されたことを知らせるため)。これで意味が通じることを願っています。今日クライアントから依頼されたのですが、そのようなことは聞いたことがありません!
wpbeginner
@robolist テーマフレームワークを使用していますか?そうでない場合は、それほど難しくないはずです。上記のコードをindex.php、loop.php、またはarchive.phpファイルのループ内に配置してください…
robolist
素晴らしいチュートリアルです、皆さん…このウェブサイトのすべてのチュートリアルと同様に、すべて非常にわかりやすいです。素晴らしいですね
しばらくの間新しいブログを開発しており、カスタムテーマに取り組んでいます。ここに提案されているものと非常によく似た、各投稿にいくつかのソーシャル共有ボタンを配置しました。プラグインを使用するのではなく手動で行うことを選択したのは、プラグインから私が望む正しい共有ボタンであっても、プラグインのスタイリングオプションの欠如であっても、私が望むものを正確に得ることができないように思われるためです。
ボタンを手動で配置することで、使用したいものを使用し、好きなようにスタイルを設定できます。唯一の問題は、抜粋とともにループにボタンを表示させる方法がどうしてもわからないことです。
正しい方向性を示していただけると大変感謝いたします。
事前に感謝いたします。
filipstrbad
single.php にコードを追加すると、新しい投稿にのみいいねボタンが表示され、古い投稿には表示されません。古い投稿にも追加できますか?
wpbeginner
@JustinElia このチュートリアルは、各WordPress投稿にいいね!ボタンを追加するためのものです。あなたのFacebookページにリンクしたい場合は、hrefをfacebook.com/yourfanpageに変更してください。
JustinElia
これは非常に愚かな質問かもしれませんが。サイトでいいねボタンを使用しており、さまざまなプラグインを試しましたが、どうすればFacebookのいいねボタンを投稿のページにリンクできますか?例:サイト上のFacebookで特定の投稿にいいねをすると、「〇〇さんがhttp://www.bigbackpacker.comの投稿にいいねしました」と表示されます。私のブログのFacebookページにはリンクされません。これが混乱しすぎていないことを願っています。どんな助けでも感謝します。ありがとう。
ssfutrell
Facebookいいねボタンプラグインをアップロードしました。投稿の下部に表示されています。すべての投稿の上部に表示したいです。どのように変更すれば上部に表示できますか?わかりません。すでに回答されていないことを願っています。非常に簡単な指示が必要です。ありがとうございます。
wpbeginner
@seocatalysts Facebook のいいねボックスプラグインを使用してください。