Feed]の使い方!Instagramをサイトに埋め込む方法をサイト制作のプロが図解入り解説!Instagramの投稿をワードプレスに埋め込みしたいと思っている方は多いですよね。※ちなみに、WordPressテーマによっては、うまく表示されないことがありますので、使用の時はご注意ください。以前の記事では、プラグイン未使用のインスタ埋め込み方法「snapwidget」についてアップしました。Instagramをサイトに埋め込む方法【SnapWidget(スナップウィジェット)】ですが、「snapwidget」では、何かと不具合が多くてかなりたくさんの方からご相談がありました。インスタの埋め込みするなら、プラグインを使う方法がオススメになります。Feed」の使い方が少し変わってしまったので、YouTube動画解説を追加しました。Feed」とは?ワードプレスとインスタグラムを連携して、自動でインスタの画像を表示させることができるプラグインです。Feed」をインストールしていきます。ワードプレスのダッシュボード(管理画面)の左側のメニューから、「プラグイン」にマウスを合わせて「新規追加」をクリックしてください。Feed」を検索します。下図のようなプラグインが表示されますので、「今すぐインストール」をクリックしてください。インストールから「有効化」に変わりますので、「有効化」をクリックします。Feedの設定まで行っていきたいと思います。Feed」を見つけて、「Settings」をクリックしてください。Account」をClickします。下図のようなポップアップが立ち上がります。Personal・・・個人アカウントBusiness・・・ビジネスアカウントアカウントの確認なのですが、個人アカウントで接続する方がやりやすいです。個人の場合は、直接インスタアカウントを連携でOKですが、ビジネスの場合は、Facebookからインスタ連携という流れになります。Instagramの認証画面が表示されますので、ログインしてください。このような画面が開きますが、お好みでいいかと思います。わたしは情報を保存にしました。承認してくださいという画面が開くので「承認」します。Account」をクリックします。これでアカウントの連携が完了しました。「instagram-feed」をコピーします。(例えば、サイドバーウィジェット・固定ページなど・・・)わたしは、今回、ホームページの表示を固定ページで作成しているので、固定ページに貼り付けをしました。Instagramの写真を簡単に表示することができました。Instagramは、自動更新なので、インスタに写真をUPすると写真が増えます。Feed」のカスタマイズ今の状態だと20枚の写真が表示されている状態なので、表示のカスタマイズをしていきます。Feed」をクリックします。設定画面が開きますので、順番に説明していきます。Configure(設定)「1.configure」タブを開き赤枠内の設定を行います。removed:不具合などでプラグインを削除し再インストールした時に、チェックを入れておけば、今行っている設定を保存しているので引き継ぐことができる。day」で設定することができますので、お好みで選んでください。Instagramが更新されていないかチェックして更新してくれます。Customize(カスタマイズ)「2.customize」タブを設定していきます。モバイルレイアウトチェックを入れるとモバイルレイアウトが有効化になり、スマホにすっぽり表示がおさまるように設定されます。Style・Carousel写真にマウスを合わせたときの挙動と、スライド表示の設定になるのですが、この2つは、有料版のみなので、設定を飛ばします。(ヘッダー)ワードプレスで表示させたときのインスタグラムのヘッダー部分を自由に設定できます。ヘッダー表示の切り替え(チェックを外すとヘッダーが非表示になります。ヘッダーの表示サイズ「small」「medium」「large」の3パターンから選択できます。プロフィール表示の切り替え(チェックを外すと自己紹介文が非表示になります。)チェックを入れた場合は、プロフィールの文章を空欄になっているところに入れ込めば、プロフィール文章が表示されます。Avatar:アバターの設定ができます。(インスタアカウントで使っているプロフィール写真を設定すると分かりやすいです。)設定するには、一度メディアライブラリに写真を追加して、メディアのURLを取得して貼り付けする形になります。ヘッダーのテキスト色を変更できます。Comments写真につけたコメントやいいねの数、コメント数を表示できたる設定ですが、有料版のみになります。More」ボタンを設定できます。ButtonInstagramを表示した時に下に表示される「follow」ボタンを設定できます。Filtering・Moderationフィルター機能や特定の画像の非表示、特定のユーザーをブロックという設定ですが有料版のみになります。(その他設定)ここの設定は、特に必要がありません。以上がカスタマイズ内容になります。Feed」について詳しく解説していきました。ブログと一緒にインスタグラムを頑張っているのでしたら、しっかり連携させてあげた方がいいので、ぜひチャレンジしてみてください!!やってみたけど、なんだか上手くいかないとか、ここがよく分からないんだけど...というような所がありましたら、スポットサポートという単発のサポートも行っています。Zero」にご招待します。このシークレットサイトでは、ブログアフィリエイトの基礎を順序立てて解説しております。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。1日ゆかブログで使用中のWordPressテーマ誰が使っても美しいデザイン関連記事:『STORK19』を使ってみた評判レビュー!メリットデメリットを解説!無料メールマガジンシークレットサイトを見てみる検索:CLOSECLOSE無料メールマガジンシークレットサイトを見てみるProfileアフィリエイター兼WEB制作マーケターゆかご訪問ありがとうございます!当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。福岡で3人の子供を育てながら、お家でのんびりと個人ビジネスを展開しています。お仕事は、パソコンが苦手な女性起業家さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。●ハンドメイド作家サイト●キーパーコーチの個人ブログ●キーパーグローブECサイト●女性起業家の活動用サイト●スピリチュアル系の方の活動用サイト●協会サイトetc・・・ブログの作り方や書き方も教えています。当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。