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

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

アメブロの設定

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

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

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

講座情報はこちら

 

 

アメブロのサイドバーにInstagramフィードを表示する方法

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

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

アメブロのサイドバーにInstagramフィードを表示する方法

" />

アメブロのサイドバーにInstagramフィードを表示する方法

  • 2017-2-9
o1974114413863449529.png

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

 

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

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

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

 

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

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

 

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

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

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

アメブロの設定

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

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

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

講座情報はこちら

 

 

アメブロのサイドバーにInstagramフィードを表示する方法

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

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

アメブロのサイドバーにInstagramフィードを表示する方法

メルマガ登録はこちら!

東京起業女子Webスクール
メルマガ読者登録フォーム
お名前(姓名)
 
メールアドレス
ページ上部へ戻る