起業女子の皆様!こんにちは!
「起業女性」専門のパソコン教室
【東京起業女子Webスクール】の北村トモミです。

 

女子はやっぱりInstagramですよねー。

というわけで、サイドバーにInstagram(インスタグラム)フィードを貼る方法です。

フィードとは、写真単体じゃなくて、あのギャラリーみたいな感じのやつです。

 

あと、アメブローInstagram[インスタグラム]連携ネタは、

他にも過去記事にも書いています。ご参考まで⬇︎

 

Instagramの写真をアメブロ記事に

Instagramからアメブロに投稿できるってご存知ですか?

アメブロでInstagramでの他人の写真を共有する方法
 
 
あと、自分のInstagramにビジネスとして統一性がない場合は
複数作った方がいいかもなので
 
Instagramを複数アカウント作る方法
 
など興味あればごらんください。
 
では、
ブログのサイドバーにインスタグラムを貼る方法です。
 
インスタグラムフィードを貼る方法
メジャーなサービスが3つほどあります。
 
 
 
 
3つを比較したところ、ユーザー登録不要で、
簡単でいい感じにできるのが
 
 
だったので、これで説明します。
まずはGO⬇︎
 
 
「早速作ってみる」をしましょう
 
 
設定すべき場所は
 
ユーザー名:自分のアカウント
 
(任意)ブログパーツ幅:2カラムの人は300ぐらいでいいと思います。
アメブロの太い方のサイドバーはそのぐらいなので、
カスタムしたりテンプレートによって見にくい場合は適宜変更してください。
 
レイアウト:2x3 ぐらいがいいと思います。
 
新しいウィンドウ:開く
写真をクリックした時に新しいウィンドウが開くようになります。
そうしないとブログを見てた画面がそのまま写真のページになってしまいます。
 
下にある「プレビュー」ボタンで表示を確認
 
「埋め込みコードを取得」ボタンを押してください。
 
新しいウィンドウが開いてコードがでてくるのでコピーしてください。
 

アメブロの設定

次はアメブロにいきます。
 
 
「フリープラグイン」タブをクリック
先ほどコピーしたものを貼り付け
「保存」します ⬇︎
 
 
あとは配置設定です。
 
 
もし、「フリープラグイン」が「使用しない機能」に入ってたら
「使用する機能」にドラッグでいれてください。⬇︎
 
好きな場所に!
 
 
「保存」
して自分のブログを見てください。
 
 
⬆︎
こんな感じになります!
 
ところで、他のWidgetもいいところはあったのと、
各々、特徴があったので
次回、ご紹介したいと思います!
 

東京起業女子Webスクールでは、ITが苦手な起業女性専門の

少人数制のアメブロ講座をしています。

講座情報はこちら

 

 

「起業女性」専門のパソコン教室「東京起業女子Webスクール」
品川区・東急目黒線「不動前」駅 徒歩3分

ご予約・お申込みはこちら
グループレッスン (アメブロ、画像制作、ホームページ(Jimdo、Wix)、リザスト
個人レッスン (ITの悩みを即解決!アメブロカスタマイズも1回で!)
お問合せ
メルマガ