WordPressにソーシャルメディアウィジェットを追加する方法(初心者向け)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ WordPressにソーシャルメディアウィジェットを追加する方法(初心者向け)

WordPressにソーシャルメディアウィジェットを追加する方法(初心者向け)

ワードプレスにソーシャルメディア・ウィジェットを追加する方法

今日のデジタル社会では、ソーシャルネットワークをウェブサイトに統合することは必須です。実際、インターネットを利用している51億6000万人のうち、ほぼ49億人がソーシャルメディアユーザーです。

しかし、WordPress.org用のソーシャルメディア・ウィジェットがたくさんあるため、それらをサイトに追加する最良の方法を知るには圧倒されるかもしれない。特にWordPressの専門家でない場合は。

そこでこの記事では、コーディングの知識がなくても、WordPressウェブサイトにソーシャルメディア・ウィジェットを追加する最も簡単な方法をご紹介します。

ここでは、ナビゲートとあなたが望むセクションにジャンプするのに役立つ目次を示します:

ソーシャルメディア・アイコン vs ソーシャルメディア・ウィジェット

WordPressのソーシャルメディアウィジェットには2つの意味がある:

  • ウェブサイトのサイドバー、フッター、その他のウィジェット対応エリア用のソーシャルメディア・コンテンツ
  • あるいは、ソーシャルメディアに特化したコンテンツをサイトの投稿やページに追加する。

そのため、サイト訪問者がウェブサイトを離れることなく、関連性の高い投稿、写真、ビデオでサイト訪問者の興味を引き続けることができる。

Tiktokビデオウィジェットの例

さらに、ソーシャルメディア・ウィジェットを使えば、もっといろいろなことができる:

  • ソーシャル・メディアのレビューを見せ、購買意欲を高める
  • フォローを促し、ソーシャルメディアのフォロワーを増やす
  • SEOとオンライン・リーチを強化するために、サイトに長く滞在してもらう。

結論:ウェブサイトにあるとかなり便利だ。

一方、ソーシャルメディアのアイコンは、WordPressに追加するシンプルなボタンです。

アイコンをクリックすると、ソーシャルメディア・プロフィールにリンクし、サイト訪問者のフォローを促します。つまり、訪問者がソーシャルメディア・チャンネルに参加するためには、サイトを離れる 必要があります。

ソーシャルメディア・ウィジェット

そして、人々があなたのサイトから離れれば離れるほど、彼らに売るチャンスは少なくなる。

しかも、これらのアイコンは小さいので、見逃しやすい。多くの人がうっかりスキップしてしまうので、潜在的なエンゲージメントを失ってしまうことになる。

このように、ソーシャルメディアのフィードをWordPressに埋め込む方が良いのです。

ソーシャルメディア・ウィジェットをウェブサイトに追加する最良の方法

小さなソーシャル・プラットフォームもまだ素晴らしいが(Pinterestは救世主になる!)、ウェブサイトとブランドを成長させたいのであれば、最大のソーシャル・プラットフォームに集中するのがベストだ。

そして今、5つの選択肢が最良の選択肢として際立っている:Facebook、X/Twitter、YouTube、TikTok、そしてInstagramだ。

通常は、ソーシャルメディアの投稿ごとに埋め込みコードを生成し、サイトに戻り、コードを挿入して、埋め込みがうまくいくかどうかをチェックする必要がある。

手動でツイッターの投稿を埋め込む

しかし正直なところ、多くのタブを開いたり閉じたりしたい人はいないだろう。そこで、代わりにWordPressのプラグインを使えばいい。

そして、プラグインは自動的に投稿を取得し、ウィジェットに表示します。

できるだけ簡単にするために、コーディングゼロでソーシャルメディア・ウィジェットを数分で埋め込めるツールを使うことにしよう:Smash Balloon

ソーシャルメディア・ウォールの例

(面白い事実:冒頭で見たソーシャルメディア・ウィジェットのスクリーンショットは、スマッシュ・バルーンを使って作成されたものだ)

Smash Balloonは、最大のプラットフォームに対応しているだけでなく、軽量です。そのため、ソーシャルメディアへの投稿をどれだけ埋め込んでも、サイトの読み込みはこれまでと同じ速さです。

さらに、ウィジェットは自動的にあなたのウェブサイトのデザインをコピーし、すぐに美しく表示されます。

他にもたくさんの機能がある。以下にチュートリアルを見ながら、主なものを挙げていこう:

Facebookフィードウィジェットを追加する方法

Facebookフィード・ウィジェットをウェブサイトに埋め込む最も簡単な方法は?

Smash BalloonのFacebook Feed Proのような使いやすいWordPressプラグインをインストールする。

カスタムfacebookフィードプロプラグイン

250,000人以上の ユーザーを持ち、4.9/5という高い評価を得ているFacebook Feed Proは、これまで以上に簡単にFacebookのコンテンツを表示することができます。

また、イベント、ステータス、写真、ビデオ、アルバムなど、特定のコンテンツのみを表示することもできます。

プラグインがあなたのサイトを遅くすることを心配しますか?このプラグインにはスピードの最適化が含まれているので、心配する必要はありません。効率的にデータをキャッシュするので、フィードはあなたのサイトに 光速で読み込まれます。

さらに、フェイスブックが一時的にダウンしても、あなたのウェブサイトにはフィードが表示される。

facebookフィードウィジェットの例

これらの素晴らしい機能により、Facebook Feed ProはFacebookウィジェットを埋め込むための最良の選択肢です。

自分のウェブサイトにFacebookウィジェットを追加したいですか?

WordPressでFacebookフィードウィジェットを作成する方法については、この投稿のステップバイステップの手順をご覧ください。

インスタグラムのフィード・ウィジェットを追加する方法

InstagramのフィードをWordPressに表示したい場合はどうすればいいでしょうか?WordPressのための最高のInstagramフィードプラグインであるInstagram Feed Proは、そのお手伝いをすることができます。

ベスト・インスタグラム・フィード・プロ・プラグイン

Smash BalloonのInstagram Feed ProをWordPressのウィジェットとして追加できます。サイトのページや投稿に直接埋め込むか、既製のウィジェットを使ってサイトのサイドバーやフッターエリアに追加するだけです。

Instagramのフィードがモバイルで正しく表示されないことを心配していますか?このプラグインはInstagramのフィードを自動的にレスポンシブ化するので、どんなデバイスや画面サイズでも美しく表示されます。

インスタグラム・ソーシャルメディア・ウィジェット

コーディングやインスタグラム・デベロッパーのアカウントを必要としないので、初心者には最適だ。

あなたのウェブサイトのパフォーマンスに最適なこのプラグインは、超高速に 設計されています。世界中で100万人 以上のユーザーが平均4.9/5つ星の評価を与えています。

レビュー・インスタグラム・フィード・プロ・プラグイン

あなた自身のブランドのためにInstagramウィジェットを作成して表示することに興味がありますか?あなたのWordPressサイトにInstagramウィジェットを追加する方法について、この粋なチュートリアルを今すぐチェックしてください。

Twitterフィードウィジェットの追加方法

Smash Balloonのプラグインには、Twitterフィードをウェブサイトに埋め込むための高評価のプラグインも含まれていることをご存知ですか?

WordPress用の最高のTwitterフィードプラグインであるTwitter Feeds Proを使えば、完全にカスタマイズ可能でレスポンシブなTwitterフィードをWordPress上で作成・表示することができます。

twitter feed pro プラグイン

その結果、ブランド認知度を高め 、ビジネスの売上を伸ばすこともできる。

このプラグインの素晴らしいところは、箱から出してすぐに見栄えがすることです。あなたのウェブサイトの既存のテーマとスタイルを自動的にコピーするので、あなたのTwitterフィードは、ブランドのビジュアル・アイデンティティと一貫した外観を持つことができます。

さらに、ライブフィードエディタから数回クリックするだけで、Twitterフィードのデザインを簡単にカスタマイズできます。HTMLやカスタムCSSなどのコーディングは一切不要です!

ツイッター・ライブフィード・エディター

コーディングが苦手だと感じている方には、ハッシュタグフィード、カスタム検索、ユーザータイムラインなど、特定のTwitterウィジェットをウェブサイトに埋め込むことができるCustom Twitter Feeds Proが最適です。

Twitterのフィードを埋め込むにはどうしたらいいのでしょうか?WordPressにTwitterウィジェットを追加する方法をご覧ください。

YouTubeフィードウィジェットを追加する方法

最後に、YouTubeフィードをウェブサイトに表示するには、Smash BalloonのYouTube Feed Proが便利です。

WordPress用のYouTubeフィード・プラグインの中で最も優れているので、初心者でも数分で簡単にフィードを埋め込むことができます!

youtubeフィードプロプラグインスマッシュバルーン

YouTube Feed Proを使えば、選択肢をチェックしたり外したりするだけで、カスタマイズ可能なYouTubeフィードを簡単にウェブサイトに追加することができます。

コーディングやデザインの専門家でなくても、プラグインがあなたの代わりにフィードの設定をしてくれるからです。

また、このプラグインを使うことで、多くの時間を節約する ことができる。なぜか?YouTubeの各動画のコードを取得する代わりに、手動で埋め込むことができます。

YouTubeのフィードウィジェットを自分のブランドのサイトに追加するには、YouTubeのウィジェットを作成する方法について、この役に立つチュートリアルをご覧ください。

TikTokフィードウィジェットを追加する方法

TikTokフィードウィジェットをウェブサイトに埋め込む最も簡単な方法として、TikTok Feeds Proはあなたをカバーしています。

このツールを使えば、短編動画の最大のプラットフォームでの存在感をこれまで以上に簡単に高めることができる。

tiktok feeds pro ホームページ

3ステップのガイドフローに従うだけで、TikTokウィジェットの準備は完了です。

そうすれば、新しいTikTokを投稿するたびに、プラグインが自動的にウィジェットを更新し続ける。そうすれば、あなたのウェブサイトに魅力的な動画を定期的に流すことができます。

その上、ウィジェットのカスタマイズも超簡単。気に入ったテンプレートをインポートし、便利なライブカスタマイザーを使って数回クリックするだけでデザインを変更できます。

tiktok feed pro ライブフィードエディタ

すべてにおいて、TikTok Feeds Proは美しいウィジェットをデザインし、それらを表示することで、訪問者をすぐに夢中にさせることができます。

ウィジェット作成の詳細については、WordPressにTikTokウィジェットを埋め込むためのステップバイステップガイドをご覧ください。

ソーシャルメディアフィードウィジェットを追加する方法(組み合わせ)

WordPressに特定のソーシャルメディアフィードウィジェットを追加する方法がわかったところで、さらに一歩進んで、それらを1つのフィードにまとめてみませんか?

1つの場所で、すべての主要なソーシャルメディアプラットフォームからあなたの最高のコンテンツを強調することができます。そのため、サイト上のスペースを節約しながら、通常のソーシャルウィジェットのすべての利点を得ることができます。

以下では、ソーシャルウォールプロの助けを借りて、組み合わせたソーシャルフィードウィジェットを作成する方法を紹介する。

ソーシャルウォール・プロ・プラグイン・スマッシュ・バルーン

ソーシャルウォールプロを始めるには、こちらから入手し、あなたのウェブサイトにインストールしてください。

次に、WordPressのダッシュボードからソーシャルフィードメニューに移動します。

ここから、上部にある「新規追加」 ボタンをクリックして次に進みます。

ここで、新しいソーシャルウォールに使いたいソーシャル・メディア・プラットフォームを選ぶことができる。

埋め込みたいプラットフォームの「ウォールに追加 」ボタンをクリックするだけです。

ソーシャル・ウォールのソースを選ぶ

次に、ウォールに追加したいフィードを選ぶだけだ。

そうしたら、Create Wallをクリックし、次のステップに進みます。

ソーシャルウォールのフィードを選択する

次のステップでは、プラグインの簡単なカスタマイズオプションを使って、ソーシャルウォールの見え方を変えることができます。

ソーシャルメディア・ウィジェットをカスタマイズする

他のSmash Balloonプラグインと同様、Social Wall Proも箱から出してすぐに使える。

また、デザインをカスタマイズしたい場合は、ビジュアル・カスタマイザーを使って簡単にできる。

左側には、ソーシャルウォールのレイアウト、カラースキーム、投稿要素などを変更するオプションがあります。

ライブフィードエディター ソーシャルウォール

また、右側のライブプレビューを使えば、すべての変更をリアルタイムで追跡することができる。

まず、左側のレイアウトオプションをクリックしてカスタマイズを開始します。

ソーシャルウォールのレイアウトをカスタマイズ

ソーシャルウォールプロでは、3つのレイアウトオプションから選択できるようになりました:メイソンリー、リストカルーセル。

今回は、石積みの レイアウトを選んでみよう。

ソーシャルウォールのレイアウトオプションを確認するには、忘れずに「保存 」をクリックしてください。

その後、上部にある「カスタマイズ」ボタンをクリックして、ウォールのパーソナライズを続けることができます。

ソーシャルウォールをカスタマイズする

ご覧の通り、ソーシャルウォールをカスタマイズするのはとても簡単です。保存をクリックして変更を確認することを忘れないでください。

その後、以下の最後のステップで、ソーシャルメディア・ウィジェットをWordPressに埋め込む方法を学ぶことができます。

WordPressにソーシャルメディア・ウィジェットを追加する

Social Wall Proプラグインを使用して、あなたのウェブサイトに結合されたソーシャルメディアフィードを表示するのは超簡単です。さらに、ライブフィードエディタからすぐに始めることができます。

まず、上部にある埋め込み ボタンをクリックします。

ソーシャルメディア・ウォールを埋め込む

そうすると、ソーシャルウォールプロは、あなたのウォールをどのように埋め込むかを選択することができます:

  • コピーしてください:あなたのウォールのショートコードをコピーし、手動であなたのサイトの任意の部分に追加します。
  • ページに追加:WordPressのページにソーシャルウォールを表示する
  • ウィジェットに追加:サイドバーやフッターなどのウィジェットエリアにソーシャルウォールを表示する。

続行するには、お好みの埋め込みオプションを選択します。

ソーシャルウォールをページに追加する

この例では、Add to a Pageオプションを使用します。

ソーシャルウォールを埋め込むページを選択し、「追加」をクリックします。

WordPress Gutenbergブロックエディターでウェブページが開きます。

そこでプラス(+)アイコンをクリックして新しいブロックを追加する。

新しいワードプレスブロックを追加する

次に、検索バーを使って「ソーシャルウォール」 ブロックを探す。

最後に、下の検索結果のソーシャルウォールブロックを クリックする!

ソーシャルウォールを簡単に埋め込む

そして、ソーシャルウォールに満足したら、「更新」をクリックし、ウェブサイトの訪問者があなたのウェブサイトをチェックアウトする際に、このように表示されるようにします:

ソーシャルウォールの例

さて、これで完成だ!

これで、WordPressサイトにソーシャルメディア・ウィジェットを追加する最良の方法を、わずか数行の簡単なステップで、しかもコードを一行も触ることなく知ることができる。

試してみれば、エンゲージメントを高め、ソーシャルメディアのフォロワーを大量に獲得し、ビジネスを簡単に成長させることができる。

ソーシャルメディアウィジェットを作成する準備はできましたか?今すぐSmash Balloon All Access Bundleを入手しましょう!

あなたのウェブサイトがもっと儲かるようにしたいですか?私たちは、あなたのサイトを成功するオンラインストアに変える最高のWooCommerceプラグインの素晴らしいリストを持っています。

その他のソーシャルメディア・マーケティングのチュートリアル&ガイド

著者アバター
リアン・ラロヤ コンテンツマーケティングマネージャー
リアンヌはスマッシュバルーンでコンテンツマーケティングマネージャーを務め、WordPressコンテンツ、ソーシャルメディアマーケティング、ユーザー生成コンテンツ(UGC)、検索エンジン最適化(SEO)において12年以上の経験を持つ。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。