起業女子の皆様!こんにちは!
「起業女性」専門のパソコン教室
【東京起業女子Webスクール】の北村トモミです。
女子はやっぱりInstagramですよねー。
というわけで、サイドバーにInstagram(インスタグラム)フィードを貼る方法です。
フィードとは、写真単体じゃなくて、あのギャラリーみたいな感じのやつです。
あと、アメブローInstagram[インスタグラム]連携ネタは、
他にも過去記事にも書いています。ご参考まで⬇︎
Instagramの写真をアメブロ記事に
・Instagramからアメブロに投稿できるってご存知ですか?
・アメブロでInstagramでの他人の写真を共有する方法あと、自分のInstagramにビジネスとして統一性がない場合は
複数作った方がいいかもなので
など興味あればごらんください。
では、
ブログのサイドバーにインスタグラムを貼る方法です。
インスタグラムフィードを貼る方法
メジャーなサービスが3つほどあります。
3つを比較したところ、ユーザー登録不要で、
簡単でいい感じにできるのが
だったので、これで説明します。
まずはGO⬇︎
「早速作ってみる」をしましょう
設定すべき場所は
ユーザー名:自分のアカウント
(任意)ブログパーツ幅:2カラムの人は300ぐらいでいいと思います。
アメブロの太い方のサイドバーはそのぐらいなので、
カスタムしたりテンプレートによって見にくい場合は適宜変更してください。
レイアウト:2x3 ぐらいがいいと思います。
新しいウィンドウ:開く
写真をクリックした時に新しいウィンドウが開くようになります。
そうしないとブログを見てた画面がそのまま写真のページになってしまいます。
下にある「プレビュー」ボタンで表示を確認
「埋め込みコードを取得」ボタンを押してください。
新しいウィンドウが開いてコードがでてくるのでコピーしてください。
アメブロの設定
次はアメブロにいきます。
「フリープラグイン」タブをクリック
先ほどコピーしたものを貼り付け
「保存」します ⬇︎
あとは配置設定です。
もし、「フリープラグイン」が「使用しない機能」に入ってたら
「使用する機能」にドラッグでいれてください。⬇︎
好きな場所に!
「保存」
して自分のブログを見てください。
⬆︎
こんな感じになります!
ところで、他のWidgetもいいところはあったのと、
各々、特徴があったので
次回、ご紹介したいと思います!
「起業女性」専門のパソコン教室「東京起業女子Webスクール」
品川区・東急目黒線「不動前」駅 徒歩3分
ご予約・お申込みはこちら
グループレッスン (アメブロ、画像制作、ホームページ(Jimdo、Wix)、リザスト
個人レッスン (ITの悩みを即解決!アメブロカスタマイズも1回で!)
お問合せ
メルマガ