WordPressにインスタグラムをリスト表示させる方法

sane.k

6年前

今回はWordPressにインスタグラムをリスト表示させる方法を解説します。

1つの投稿を表示させるのではありません。

例えばサイドバーや記事下にインスタグラムの画像をリストで表示させます。

【pcイメージ】

【スマホイメージ】

wpにインスタグラムをリスト表示させる方法

結論プラグインを使わなければいけない

今現在プラグインを使わなければインスタグラムをリスト表示させる方法はないようです。

という事で今回使用するプラグインはInstagram Feedです。

Instagram Feedで検索してください。

まずはインストールしたら有効化します。

その後、サイドメニューにInstagram Feedが表示されるので設定をします。

Conntect an Instagram Accountボタンを押してインタグラムのアカウントと関連付けを行います。

ボタンを押すとアカウントが表示されます。

※あらかじめアカウントにログインしておきましょう。

「変更を保存」ボタンをクリック。

タブを2番目のCusto mizeに切り替えます。

特に気をつけたいのが④番です。

チェックを入れる事でスマホで表示した時にレスポンシブに対応します。

逆にチェックを入れないと画像が大きく表示されてしまうので注意してください。

変更が完了したら「変更を保存」をクリック。

タブを3番目のDisplay Your Feedに切り替えます。

最後に表示されているコードをコピーして、表示したい場所に張り付けます。

Button Text：文章の変更

Button Text：文章の変更

Sort Photos By：並び順

Image Resolution：画像の大きさの変更(Auto-detectがおすすめ)

コードをコピペしたら、インスタグラムが思い通りに表示されているかを確認してください。

特にスマホでの確認は必須ですね。

気になる部分は微調整で設定しましょう。

設定自体は簡単なので是非試してみてください。