最新の Instagram 投稿を WordPress ウェブサイトで共有したいとお考えですか?
Instagram ウィジェットを追加すると、サイトの視覚的な魅力が瞬時に高まり、コンテンツの最新性が維持され、より多くの訪問者が Instagram でフォローするようになります。
ただし、Instagram の標準の埋め込みオプションを使用すると、特にフィードをサイトのスタイルに合わせたり、自動的に更新したりしたい場合には制限が生じる可能性があります。
私はウェブサイト所有者のソーシャルプレゼンスの向上を支援する仕事を通じて、Instagram コンテンツをシームレスに表示することがいかに難しいかを知っています。
何百万人もの WordPress ユーザーにソーシャル メディア統合をサポートしてきた Smash Balloon チームの経験を活かして、あなた専用のわかりやすいガイドをまとめました。
この記事では、WordPress サイトに Instagram ウィジェットを追加する最も簡単な方法を紹介します。
さらに、数回クリックするだけで実行でき、技術的な専門知識は必要ないので、誰でもすぐに Instagram フィードを立ち上げて実行できます。
この記事で
- WordPressにInstagramウィジェットを追加する方法
- WordPressにInstagramウィジェットを追加する方法
- なぜWordPressにInstagramフィード・ウィジェットを追加するのか?
- 今すぐInstagramウィジェットを埋め込む
- その他のソーシャルメディア・マーケティング・ガイド&ヒント
WordPressにInstagramウィジェットを追加する方法
以前は、ウェブサイトにInstagramのリンクを追加すると、WordPressのoEmbed機能が自動的に埋め込みを行っていました。
残念ながら、この機能は廃止されたため、Instagramのコンテンツを手動で埋め込むのは以前よりずっと難しくなりました。
インスタグラムをウィジェットとして追加できますか?
はい、WordPress用のInstagramプラグインの助けを借りて、あなたのウェブサイトにInstagramウィジェットを追加することができます。
最高のInstagram WordPressプラグインは、あなたのウェブサイトの機能を強化し、あなたが初心者であっても新しい機能を追加することができます。
WordPressにInstagramウィジェットを追加する最も簡単な方法
Instagramウィジェットを簡単に埋め込めるプラグインがInstagram Feed Proプラグインです。
これを使えば、Instagram WordPressウィジェットを簡単に作成、カスタマイズし、ウェブサイトに埋め込むことができます - わずか数クリックで!
このプラグインはまた、コーディングのバックグラウンドやCSS、JavaScript、HTMLの知識を必要としない。美しいインスタグラムフィードウィジェットを簡単に作成できるビジュアルビルダーを手に入れることができる。
数回クリックするだけで、このプラグインを使って強力なインスタグラム機能を利用できる:
- カスタマイズ可能なレイアウト:Instagram風のクラシックなグリッドレイアウト、Instagramスライドショーウィジェット、または特定の写真のハイライト表示から選択できます。
- レスポンシブデザイン:フィードはモバイルフレンドリーでレスポンシブに対応しているため、Instagramウィジェットはデスクトップとモバイルの両方で美しく表示されます。
- フォローボタン:Instagramユーザーがワンクリックで簡単にあなたをフォローできるようにします。
- Instagramショッピング:このプラグインを使用すると、購入可能なInstagram投稿を追加し、そのフィードをWordPressサイトのサイドバーにInstagramウィジェットとして表示できます。
- ソーシャルエンゲージメント:InstagramストーリーとInstagram写真のサムネイルを、ウェブサイト上にポップアップライトボックスで直接表示します。
- 読み込み時間の短縮:信頼性の高いデータキャッシュにより、プラグインがウェブサイトの速度を低下させる心配はありません。より高速なウェブサイトにより、サイトのSEO効果も向上します。
- マルチディスプレイ:サイトの異なる領域に複数のInstagramフィードを追加し、特定の種類のInstagram投稿を表示します。
平均評価4.9/5を獲得したこのプラグインは、世界中の100万人 以上の ユーザーがInstagramコンテンツを埋め込むのを支援しています。
これらの理由をはじめ、その他多くの点から、Smash BalloonのInstagram Feed ProはWordPress向けの最高のInstagramウィジェットプラグインです。
WordPress サイトに Instagram ウィジェットを追加する準備はできましたか?今すぐ Instagram Feed Pro を使い始めましょう!
WordPressにInstagramウィジェットを追加する方法
WordPressサイトにInstagramウィジェットを追加する準備はできましたか?以下の手順に従ってください。
ステップ1:Instagram Feedプラグインをインストールする
インスタグラム・フィード・プロを始めるには、ここをクリックしてください。次に、プラグインをコンピューターにダウンロードします。
その後、WordPressウェブサイトにアップロードし、有効化する必要があります。WordPressプラグインのインストール方法について復習が必要な場合は、こちらのステップバイステップガイドをご覧ください。
ステップ2:Instagramフィードウィジェットを作成する
プラグインをインストールして有効化したら、このステップでInstagramフィード・ウィジェットを作成しよう。
まず、WordPressのダッシュボードからInstagramのフィード " すべてのフィード メニューに移動し、新規追加 ボタンをクリックします。
そして、ウィジェットに必要なInstagramフィードのタイプを選択することができる。Instagram Feed Proには機能が制限された無料版があるが、このプラグインのプロ版では3つの異なるオプションから選ぶことができる:
- ユーザーのタイムライン:自分のアカウントから最新のインスタグラム投稿を表示
- 公開ハッシュタグ: 選択したハッシュタグを持つInstagramの投稿を表示する
- タグ付けされた投稿 あなたのアカウントにタグ付けされたInstagramウィジェットを埋め込む
さらに、複数のオプションを同時に選択することもできる。そのため、異なるフィードタイプを1つのフィードにまとめることができます。
次に進むには、インスタグラムのフィードの種類を選び、「次へ」をクリックします。
このチュートリアルでは、ユーザータイムラインフィードタイプを 選びます。
ステップ3:インスタグラムのアカウントに接続する
このステップでは、ビジネスやクリエイターのInstagramアカウントをWordPressにリンクする方法を紹介します。
まだビジネスアカウントやクリエイターアカウントをお持ちではないですか?インスタグラムの個人アカウントをビジネスプロフィールに変更する方法を紹介した便利なガイドをご覧ください。
アカウントの準備ができたら、このページでソースの追加ボタンをクリックしてください。
プラグインは、ベーシックまたはアドバンスド・インスタグラムの接続を希望するかどうかを尋ねます。
ベーシック接続を使えば、インスタグラムの投稿をフィードに表示できる。
ハッシュタグフィード、メンションフィードなど、他のタイプのフィードについては、アドバンス接続が必要です。
インスタグラムの接続タイプを選び、「接続」をクリックする。
次に、FacebookかInstagramのどちらかを開き、アカウントの接続を完了させます。基本的な接続にはInstagramを使いますが、手順はどちらでも同じです。
まず、Instagramとつながるをクリックする。
Instagram Feed ProプラグインにInstagramアカウントへの読み取り専用アクセス権を与えることができるようになりました。プラグインはそのアクセス権を使ってインスタグラムの情報を表示しますが、実際には変更を加えることはできません。
そうすれば、Instagram Feed Proは完全に安全に使用できる。
プラグインに読み取り専用アクセス権を与えるには、ここで「許可」 ボタンをクリックします。
そうすると、プラグインはWordPressサイトにあなたを送り返す。
Instagramアカウントの接続を完了するには、「次へ」をクリックします。
ステップ4:Instagramウィジェットフィードをカスタマイズする
プラグインは、ライブフィードエディタであなたのInstagramのフィードを開きます。左側のパネルに、カスタマイズのオプションがあります。
これらのオプションを使って、フィードレイアウトテンプレート、カラースキーム、ヘッダーデザイン、投稿レイアウトなどを変更できます。
右側にはライブプレビューがあり、Instagramフィードの変更をリアルタイムで確認できる。
ここで フィードレイアウトオプションを選択し、カスタマイズを開始します。
新しいインスタグラムのフィードは、4つの異なるレイアウトから選ぶことができます:グリッド、カルーセル、メイソンリー、ハイライト。
Instagramの投稿をきれいに表示したいですか?Instagramのサムネイルをきれいな正方形に切り抜き、行と列で表示するグリッドレイアウトを選択してください。
個人的には、InstagramのウィジェットにInstagram Feed Proのグリッドレイアウトを使うのが好きだ。グリッドレイアウトを使用して、私のサイドバーエリアに私の個人的なInstagramフィードを埋め込むことを好むので、私の投稿は整理され、きちんと見えます。
ページ上で多くのInstagram投稿を表示したいがスペースをあまり取りたくない場合は、カルーセルレイアウトを選択しましょう。
このオプションは、写真や動画を美しいインスタグラムのカルーセルで表示します。
インスタグラムのコンテンツを異なるカラムで表示するには、代わりに メイソンレイアウトを選ぶことができます。このレイアウトでは、インスタグラムの投稿の元の比率も維持されます。
最後に、キャプションや「いいね!」を削除してインスタグラムの投稿に焦点を当てるハイライトレイアウトが ある。また、特定の投稿のサイズを大きくして、はっきりと見えるようにすることもできる。
インスタグラムのフィードレイアウトを保存するには、上部の保存 ボタンをクリックします。
これで、小さなカスタマイズ ボタンをクリックして、インスタグラムフィードの残りの部分をカスタマイズすることができる。
ここで、Instagramフィードの色の編集を開始するには、「配色」をクリックします。
フィードの色を簡単に設定するには、4つの配色から選ぶだけです:
- テーマから継承:WordPressテーマの色をInstagramフィードに使用する。
- 明るい:明るい背景と暗いフォントでフィードを表示します。
- ダーク:背景をダークカラーに、フォントをライトカラーに切り替える。
- カスタム: Instagramフィードのすべての色を手動で選択します。
お好みの配色を選択し、保存 ボタンをクリックするだけです。
残りのカスタマイズオプションを使って、投稿レイアウト、カラム数、ヘッダースタイル、フィードサイズ、ボタンスタイルなどを変更できます。
Instagramフィードのカスタマイズが終わったら、もう一度「保存 」をクリックするのを忘れずに。
ステップ5:WordPressサイトにInstagramウィジェットを埋め込む
ライブプレビュー付きのビジュアルフィードカスタマイザーから、数クリックでInstagramフィードを埋め込むことができます。
まず、右上の埋め込み ボタンをクリックします。
すると、新しいインスタグラムのフィードの場所を選択するポップアップが表示されます。
続行するには、ショートコードをコピーし、ウィジェットに追加ボタンをクリックします。
そうすると、Instagram Feed ProがWordPressウェブサイトのウィジェットページを 開きます。ここでサイドバーとフッターのウィジェットをすべて管理できます。
Instagramフィードウィジェットの埋め込みを開始するには、サイドバーパネルを クリックします。
Instagramのフィードをフッターウィジェットエリアに埋め込みたい場合は、ここでフッターパネルをクリックすることもできます。
このチュートリアルでは、WordPressのサイドバーを使います。
プラスアイコン(+)をクリックして、フッターまたはサイドバーに新しいウィジェットを追加します。オプションからInstagram Feed ウィジェットを選択し、フィードを埋め込みます。
更新をクリックすると、このようにInstagramウィジェットがWordPressページに追加されます:
そうだ!
WordPressサイトにInstagramウィジェットを追加しました。Instagram Feed Proを使えば、必要なのは簡単な数ステップだけ。コーディングは一切不要です!
その後、適切なビジュアルコンテンツで訪問者を魅了し、彼らを忠実なインスタグラムのフォロワーに変えることができる。
Instagramウィジェットを簡単に埋め込む準備はできましたか?今すぐInstagram Feed Proを始めましょう。
なぜWordPressにInstagramフィード・ウィジェットを追加するのか?
世界最大のソーシャルメディア・プラットフォームの1つであるインスタグラムは、多くの人にリーチしたい場合に最適な場所だ。
貴社のビジネスにとって、それはより多くの顧客、売上、そしてコンバージョンを意味します。
また、インスタグラムを最大限に活用するために、インスタグラムのフィードをウェブサイトに埋め込むこともできる。
そうすれば、ウェブサイトの訪問者はあなたのインスタグラムのコンテンツをチェックすることができ、あなたはより多くの「いいね!」、コメント、インスタグラムのフォロワーを得ることができる。
同時に、関連するインスタグラムの投稿を見せることで、ウェブサイトをより魅力的なものにすることもできる。
実際、WordPressにInstagramのウィジェットを埋め込むと、さらに多くの方法であなたを助けることができる:
- 信頼構築:ソーシャルフォトフィードはサイトに新鮮さと最新性を与えます。これにより、お客様は貴社のビジネスが活発で繁栄していることを実感できます。
- より良いエンゲージメント:ソーシャル・エンゲージメントを高め、新しいフォロワーを獲得することで、インスタグラムでより良いプロモーションができる。
- 一貫したブランディング:インスタグラムの写真や動画は、企業イメージを強化するブランディング要素として機能します。また、ユーザーが作成したインスタグラムの画像をウェブサイトに表示すれば、社会的証明を使ってブランド認知度を高める素晴らしい方法となります。
- 売上増加:ショッピング可能なInstagram投稿やレビューウィジェットをECサイトに表示すれば、サイト訪問者が商品を見つけやすく、購入しやすくなります。
- より良いSEO: 訪問者がInstagramウィジェットのフィードを楽しむと、特にInstagramフィードの「load more」ボタンをクリックした場合、あなたのサイトでより多くの時間を過ごすようになります。その結果、SEOが大幅に向上し、多くの人にリーチすることができます。
- 時間と手間を節約:Instagramフィードをサイトに埋め込むと、Instagramに投稿するたびに自動的に更新され、新しい投稿が表示されます。ウェブサイトに別途アップロードする必要はありません。
このように、インスタグラムの投稿をサイトに表示することで、ビジネスを後押しする方法はたくさんある。
プロのコツ:ウェブサイトにInstagramリールを表示したいですか?WordPressにInstagramリールを埋め込む方法をステップバイステップで解説します。
今すぐInstagramウィジェットを埋め込む
WordPressのサイドバーやフッターにInstagramのライブウィジェットを追加することで、サイトを視覚的に魅力的に保つことができます。
ユーザーをサポートした経験から、技術的な作業に思えることも、Smash Balloon Instagram Feed Proを使えば簡単にできる。
わずか数分で、最新の投稿を表示するプロフェッショナルなInstagramウィジェットを手に入れることができます。コーディングは不要です。
次に私がお勧めするのはこれだ:
- Instagram Feed Proを入手してください。(14日間の返金保証付きです。)
- このガイドの簡単な手順に従って、Instagramウィジェットを作成し、カスタマイズしてください。
- インスタグラムのフィードウィジェットをウェブサイトのサイドバーまたはフッターエリアに設置する。
Instagram Feed Proを使ってウェブサイトにInstagramウィジェットを追加することについて、何か質問はありますか?下のコメントで質問してください。
その他のソーシャルメディア・マーケティング・ガイド&ヒント
- ウェブサイトに他のソーシャルメディアフィードを表示したいですか?WordPressにソーシャルメディアフィードを追加する方法については、次の記事をご覧ください。
- Instagramでビジネスを成長させることに興味がありますか?あなたのウェブサイトに今必要な最高のInstagram WordPressプラグインをご紹介します。
- Facebookを簡単に成長させる方法として、ウェブサイトにFacebookフィードを埋め込む方法についての次の記事もご覧ください。
この記事を楽しんでいただけたなら、ツイッターや フェイスブックでもっと役立つチュートリアルをご紹介しますので、お気軽にフォローしてください。
とても参考になった!