Wordpressにインスタグラムを埋め込んで連携!プラグインと使い方を解説!

Wordpressに、インスタグラムの投稿を埋め込みたいと思ったことはありませんか。インスタグラムのフィードや、投稿を連携させることができれば、フォロワー増加にもつながります。本記事では、Wordpressの埋め込み用プラグインと使い方を解説していきます。

目次

  1. 1WordPressのインスタグラム埋め込み用プラグイン【Instagram Feed】
  2. Instagram Feedをインストールと有効化
  3. Instagram Feedの設定
  4. WordPressにインスタグラムの投稿を表示する
  5. 表示フィードのカスタマイズ方法
  6. 2おしゃれにWordpressにインスタグラムの投稿を連携【InstaShow Lite】
  7. InstaShow Liteを使うメリット
  8. 3InstaShow LiteでWordpressにインスタグラムの投稿を連携する方法
  9. InstaShow Liteをインストールと有効化
  10. インスタグラムアカウントを連携
  11. サイト上での表示設定
  12. InstaShow Liteプラグインの埋め込み
  13. 4InstaShow Liteでキャプションをカスタマイズ
  14. フォント変更
  15. 文字色の変更
  16. 背景色の変更
  17. グラデーション設定
  18. 5Wordpressにインスタグラムを連携してもっと多くの人に見てもらおう!

WordPressのインスタグラム埋め込み用プラグイン【Instagram Feed】

Wordpressのブログに、インスタグラムのフィードや、投稿内容を表示させるためには、埋め込み用プラグインが必要になってきます。プラグインとは、簡単に説明すると、追加する機能のことを言います。

埋め込み用プラグインがあれば、簡単にWordpressのブログに、インスタグラムのフィードや、投稿内容を表示することができます。ここでは、埋め込み用プラグインの1つである、Instagram Feedについて解説していきます。

Instagram Feedをインストールと有効化

Wordpressにインスタグラムのフィードや、投稿内容を表示させるために、埋め込み用プラグインである、Instagram Feedをインストールしていきます。インストール方法は、Wordpressの「メニュー画面」を開き、「プラグイン」をクリックします。

画面左上にある、「新規追加」をクリックします。

画面右上にある「検索窓」に、「Instagram Feed」と入力して、検索します。

「今すぐインストール」をクリックして、Instagram Feedをインストールしてください。

Instagram Feedのインストールが完了したら、「有効化」をクリックしてください。有効化にしておかないと、使うことはできませんので必ず行ってください。

これで、Instagram Feedのインストールと有効化が完了しました。

Instagram Feedの設定

次に、Instagram Feedの設定をしていきます。設定方法は、Wordpressの「メニュー画面」を開き、「Instagram Feed」をクリックします。

Instagram Feedの画面が表示されるので、「Instagram」をクリックします。

ログイン画面が表示されるので、「ユーザーネーム」「パスワード」を入力して、「ログイン」をクリックします。

Access TokenとUser IDが表示されるので、User ID(S)に、「表示されたUser ID」をコピーして貼り付けます。貼り付けたら、「設定を保存」をクリックして、保存すれば設定の完了になります。

WordPressにインスタグラムの投稿を表示する

設定が完了したら、WordPressにインスタグラムの投稿を表示させます。表示方法は、「Instagram Feedの画面」を開いたら、「Display Your Feed」をクリックします。

Display Your Feedの下にある「instagram-feed」というコードをコピーします。コピーしたら、WordPressの表示させたい箇所に貼り付けたら、インスタグラムの投稿を表示させることができます。

表示フィードのカスタマイズ方法

関連するまとめ

関連するキーワード

この記事のライター
leiyu
皆さんのお役に立てる記事を分かりやすく書いていくライターを目指しています。

人気の記事

新着まとめ