Instagramのタイムライン表示の再設定手順 ver2

Instagramが行った仕様変更で、API(ホームページとの連携機能)に大規模な変更がありました。

そのため、Instagramとホームページに連携が切れ、下図のようにInstagramのタイムラインが表示されていない状態になっております。

ウェブエクステンドのホームページをInstagramの仕様変更に対応したバージョンに変更しました。

バージョンアップに伴い、ホームページより、Instagramのアカウントの再設定を行って頂く必要がございます。

対応手順を解説します。

①ホームページ管理画面へログイン

納品時にお伝えした管理画面へのログイン情報を入力し、ホームページ管理画面へとアクセスしてください。

 

②Instagram Feedのメニューを選択

管理画面の左側メニューから「Instagram Feed」を選択します。

③現在設定しているアカウントの連携を削除

Instagram Feedの設定画面より、「ゴミ箱のボタン」をクリックしてください。

下図のように実行するかの確認のボタンが表示されますので「確認」をクリックしてください。

設定されているInstagramのアカウントの連携を削除しました。

④アカウントの再設定

再度、Instagramのアカウントを設定します。

「新規追加」をクリックしてください。

「ユーザータイムライン」を選択し、「次へ」をクリックしてください。

「新規追加」をクリックしてください。

 

★岩本さんに確認→再設定の場合は下図のようにインスタアカウントが出現するのか?★

別ページにリダイレクトされるので、「Business Basic」を選択して、「Connect」をクリックしてください。

下図の赤枠「Connect with Instagram」をクリックしてください。

 

★岩本さんに確認→下図はどうするのか?ここで個人アカウントの人でも切り替えができるのか?★

リダイレクトされるので、「Yes, it is my domain」をクリックしてください。

 

⑤表示の設定

Instagram Feedの管理画面に戻ってくるので、「追加されたアカウント」にチェックを入れて、「次へ」をクリックしてください。

次に画像の表示の設定を行います。

編集画面に遷移するので、「フィードレイアウト」をクリックしてください。

フェードレイアウトの設定を行います。

赤枠①の「グリッド」を選択してください。

赤枠の「②」の値を下記の値に変更してください。
・パディング⇨10(推奨)
写真の周りの余白の大きさ

・投稿数:デスクトップ⇨9、モバイル⇨9(推奨)
表示する写真の数

・カラム:デスクトップ⇨3、タブレット⇨3、モバイル⇨3(推奨)
表示する写真の列の数

赤枠の「③CUSTOMIZE」をクリックしの前の画面に戻ります。

 

「ヘッダー」をクリックしてください。

 

「①有効化」を解除し、「②CUSTOMIZE」をクリックして、前の画面に戻ってください。

「もっと読み込むボタン」をクリックしてください。

「①有効化」を解除し、「②保存」をクリックし、設定を保存します。

保存したら、「③埋め込む」をクリックしてください。

「埋め込む」をクリックするとショートコードが表示されるので下図赤枠の「コピー」をクリックしてください。

⑥ショートコードの貼付け

管理画面内の左側メニューから「固定ページ」を選択し、「トップページ」の編集画面へと進みます。

トップページの編集画面を開きましたら、ページの一番下までスクロールし、「Instagramのショートコード」の入力枠に先ほどコピーしたショートコードを貼り付けてください。

ショートコードを入力したら、「更新」のボタンを押してください。

 

トップページの最下部にInstagramのタイムラインが正しく表示されていることが確認できましたら、設定は完了です。

以上がInstagramのタイムラインの再設定の手順となります。
ご不明な点がありましたらサポートLINEまでお気軽にご質問ください。