ウェブマガジン『GOKUI』は、DIYの考え方を基本にした「創造的活動の楽しさ」や「モノを大切に使い続ける奥深さ」を、自動車DIY生活、薬剤師ボランティア活動、独学ワードプレスによるブログ制作、独学アニメーション動画制作、ミニマリスト的な生活スタイルなど、様々な視点から発信しています

独学ワードプレス

【2020年】ワードプレスにインスタグラム複数アカウントを設定する方法

今回の記事では、プラグイン「Smash Balloon Social Photo Feed」を使って、ワードプレスサイトに複数アカウントのインスタグラム写真を設置する方法を紹介します。

  • ワードプレスでは、複数アカウントのインスタグラム写真を、それぞれアカウント毎に掲載することが出来ます。
  • 今回はプラグイン「Smash Balloon Social Photo Feed」 を使った複数アカウントの設置方法を紹介します。
  • ショートコードを直接書き換えることで、レイアウトなども自由に変更することが出来ます。

WEBMAGAZINE「GOKUI」の運用を開始して約3か月が経過し、徐々にサイトの内容が充実してきたため、現在SNSとの連携を進めています。

連携を考えているSNSは「Instagram(インスタグラム)」「Twitter(ツイッター)」「Facebook(フェイスブック)」の3つですが、前回は「Smash Balloon Social Photo Feed」というプラグインを使用してサイドバーにInstagram (インスタグラム)を埋め込んでみました。

前回はインスタグラムのアカウントは一つしか設定していませんが、中には目的別にアカウントを複数所持している方もみえると思います。

「Smash Balloon Social Photo Feed」はアカウントを複数登録して運用することが出来るので、今回はそうした方のために設定と運用方法を紹介します。

1)ワードプレスの管理画面から、Instagram Feedを選択し設定画面を表示させます。

前回設定したアカウント(赤枠内)が表示されていますが、今回はここにもう一つアカウントを追加します。

2)まずはワードプレスを開いているブラウザ(MicrosoftEdgeやChromeなど)と同じブラウザで、追加したいインスタグラムにログインしておきます。

3)次にInstagram Feedの設定画面に戻り 「Button not working? 」をクリックします。

4)アクセストークンとユーザーIDを取得するページに移動するので、「Click here to get your Instagram Access Token and User ID」をクリックして次に進みます。

5)個人かビジネスかを尋ねられますが、多くの方は個人アカウントだと思うので「Personal」を選択して「Connect」をクリックします。

6)これでアクセストークン(英数字記号の羅列)が出来上がりました。

7)次に出来上がったアクセストークンをコピーします。

8)ワードプレスの管理画面に戻り 、上でコピーしたアクセストークンを、「Manually Connect an Account」をクリックして開いた空欄に貼り付け、最後に「Connect The Account」をクリックします。

9)追加されたアカウントが表示されるので、最後に「Add to Primary Feed」をクリックしたら追加は完了です。

10)追加されたアカウント欄の「Add to another Feed」をクリックすると、ワードプレスに貼り付けるためのコードを確認することができます。

11)ワードプレスへの設置方法は、表示されたコードをコピーしておき、

12)設置したい任意の場所(投稿ページや固定ページ)に貼り付けるだけです。

13)上手くいっていれば、こんな感じで表示されるはずです(表示方法はInstagram FeedのCustomize設定に依存します)。

13)僕の場合は写真の表示方法を「写真5枚で横一列のレイアウト」にしたかったので、コードを直接書き換えてこのように表示させています。

やり方は簡単で、元のコード [instagram-feed user="floating.kitchen"] に

①列の数を5列に指定するショートコード[cols=5]

②表示する写真の枚数を5枚に指定するショートコード[num=5]

を追加して [instagram-feed cols=5 num=5 user="floating.kitchen"]として貼り付けるだけです。

以上で設置完了です。
ショートコードは色々と種類があるので、興味のある方は色々試してみると面白いと思います。

-独学ワードプレス

Copyright© GOKUI , 2020 All Rights Reserved.