作成編(3)


SNSで発信している情報をホームページ上でも紹介。

ここでは、Facebook、Twitter、Instagram(インスタグラム)の埋め込みに使う項目を紹介します。

Facebook


「Facebook」項目を使用します。

今回は、JimdoのFacebookページを例にします。


今回の例では、ページカバーとストリーム表示を設定しています。

FacebookページのURLを入力するだけで、簡単に設定できます。

Twitter


「Twitter」項目を使用します。

今回は、私のTwitterアカウントを例にします。


Hirokichiのツイート



今回の例では、タイトルに「文章」項目、「Twitter」項目の「ツイート」で表示を1件、「フォローボタン」でボタン表示を設定しています。

Twitterユーザー名を入力するだけで、簡単に設定できます。

Instagram


「Instagramフィード」項目を使用します。

今回は、私のInstagramアカウントを例にします。


表示する投稿数は1件、文字数は100文字、サイズを300pxで設定しています。

無料アカウントの場合、画像の更新は24時間毎、下にロゴが表示されます。

この項目を使用するには、POWr Instagram Feedのアカウントが必要になります。 

アカウント登録・設定手順

1. Instagramユーザー名の入力

jimdo_sakusei_instagram_1

1. 「Instagramフィード」項目の指示に従って、コード貼り付け、保存

2. 画像上の「Edit Instagram Feed」ボタンをクリック

3. FOLLOWING項目にInstagramユーザー名を入力(@ユーザー名

4. NEXTをクリック

2. 表示する投稿数の設定

jimdo_sakusei_instagram_2

1. MAX POSTS TO DISPLAY(投稿数)、CHARACTER LIMIT(文字数)を入力

2. NEXTをクリック

3. サイズなど詳細を設定

jimdo_sakusei_instagram_3

1. POST WIDTH(横幅のサイズ)など詳細を設定

2. SAVEをクリック

4.アカウントの登録

jimdo_sakusei_instagram_4

1. 新規アカウント登録の場合は、「Try It Now FREE」タグをクリック

2. アカウント種別を選択(今回はメールを使用)

3. 利用規約を承諾後、Sign upをクリック

5. 設定を保存

jimdo_sakusei_instagram_5

1. 任意のフィード名(設定名)を入力

2. Saveをクリック

6. 確認画面

jimdo_sakusei_instagram_6

有償版へのアップグレードを促す画面が表示されます。

無償版のまま使用するのであれば、この画面はそのまま閉じます。

jimdo_sakusei_instagram_7

powr.joのウィンドウを閉じて、Jimdoのプレビューで正しく表示されているか確認します。

「Edit Instagram Feed」ボタンは表示されたままですが、登録ユーザー以外には表示されません。

以上で、POWr Instagram Feedの設定は終了です。