インスタグラムをアメブロ・Jimdoサイドバーに表示する方法

2016年11月4日 2016年11月4日

ranaco

当教室のアメブロのサイドバーには、インスタのサムネイルを表示させています。

ハンドメイド作家さんや、ネットショップなどをやっている方は、インスタから注文が入ったりするようですね。

「インスタやってるよー」
のアピールのために、ぜひこのスナップウィジェットを活用してみてはいかがでしょうか？

スナップウィジェットを使って、アメブロのサイドバーと、Jimdoホームページに、インスタのサムネイル画像を表示させる方法をご紹介します。

※最初にアカウントを登録します。
２．右上「Sign Up」をクリック

３．名前・メールアドレス・パスワードを入力し「SIGN UP」をクリック

４．左上の無料版「GRID」タイプをクリック

※設定画面はこのようになっています

５．※以下、私が設定した部分のみ解説します

「Username」にインスタグラムのアカウントを入力

「Layout」に表示させるレイアウト（横×縦）を数値で入力

６．「Hover Effect」は、マウスポインタが画像に触れた時の効果を選択（私は　Fade Out＝薄くなる）

「Sharing Buttons」は、フェイスブック＆ツイッター＆ピンタレストのシェアボタンを表示させるかどうかを選択（私は　No＝表示しない）

「Responsive」は、表示させる画面の幅に合わせて横幅が変わる設定にするかどうかを選択（私は　Yes）

７．プレビュー画面で確認して良ければ、右下の「GET WIDGET」ボタンをクリック

８．貼り付けコードが表示されるので「COPY TO CLIPBOARD」ボタンをクリックしてコピーする

１．アメブロの管理画面左下「設定・管理」→「プラグインの追加」

２．「フリープラグイン」タブをクリックし貼り付け→「保存」ボタン

※プラグインを初めて使う場合は、サイドバーに「フリープラグイン」を表示させなければいけません。

３．保存後に表示された画面の右にある「こちら」の文字をクリック

４．「使用しない機能」の欄にある「フリープラグイン」を表示させたい場所にドラッグ→「保存」ボタン

１．貼り付けたい部分で「コンテンツ」を追加をクリックし、「その他のコンテンツ＆アドオン」をクリック

２．「ウィジェット／HTML」をクリック

３．コードを貼り付けて、「保存」ボタンをクリック

※表示されていない場合は、キーボードのF5キーを押すか、ブラウザウィンドウの画面更新ボタンをクリックしてください。

全サービスの新規募集を休止中です