双子ママとインターネットビジネス

インスタグラムとワードプレスを自動で連携させるプラグインなら、これ


インスタグラムにアップした写真を、ワードプレスにそのまま連携してアップできたら便利だなぁって思ったことないですか?

Instagramには、写真を気軽にアップすることができますよね。
しかも、とってもカンタンに素敵な加工ができるので、ふつうに撮った写真がプロが撮ったのかと思うほどの写真にしあがることもあります。

Instagramにアップした写真を、そのままワードプレスに連動させるプラグイン

「Instagram Feed」というプラグインを使います。

ワードプレスのアカウントにログインして、プラグインの「新規追加」画面で、「Instagram Feed」を検索します。

Instagramフィードを「今すぐインストール」します。

そして、次に「有効化」します。

 

Instagram Feed の設定(Settings)

この画面で青いボタンをクリックすると、Instagramのログイン画面になります。

あなたが、すでにパソコン上でInstagramにログインしているときには、このようなアカウントの名前が出てきますので、「Authorize」をクリックして承認します。

すると、アクセストークンとユーザーIDが表示されているので、そのまま「変更を保存」します。

 

サイドバーにInstagramの写真を表示する

ウィジェットのサイドバーのテキストボックス[instagram-feed]と入力して保存すれば完了です。
[ ]は、半角で入れてくださいね。

こんな感じにサイドバーに表示されます。

ここで表示される写真の枚数や列の数を変えたい場合は、プラグインの設定画面をもう一度確認してみましょう

いろんなhtmlが表示されています。

ここに表示されているように、instagram-feed の横に、num=9 cols=3と数を追加するだけでOKです。
numは、写真の枚数
colsは、表示される列の数です

[instagram-feed num=9 cols=3]

ブログで表示を確認しながら、お好きな枚数が表示されるようにしてください。

これで、あなたがInstagramに写真をアップすると、それと連動してワードプレスに表示されている写真も変わっていきます。

記事の中に、こんな風に一覧を表示させることもできますよ。