プラグイン

【インスタの埋め込みが出来ない?】Smash Balloon Social Photo Feedを使ってみよう!

カツオのメルマガ

 

インスタグラムのタイムラインをブログに埋め込みたい!

だけどinstagramAPIは廃止されちゃうみたいだし、InstaWidgetはなぜか使えない…

と悩んでいる方へ向けた記事になります!

インスタグラムのタイムラインをブログに埋め込むなら、ワードプレスプラグイン・Smash Balloon Social Photo Feedを使ってみると良いですよ!

簡単な設定でカスタマイズも出来ますし、とってもオススメ!

インスタのタイムライン埋め込みが出来ない?

インスタのタイムライン埋め込みが出来ない?

初心者カッパ
初心者カッパ
インスタのタイムラインをブログに埋め込もうとして、やり方を調べていたら「InstaWidgetを使おう!」って書いてあったけど、なぜか使えない…!

instagramAPIというのも良く分からないし、廃止されちゃうみたいだ…

カツオ
カツオ
それね。僕も同じ思いだった。

初心者カッパ
初心者カッパ
それでもやっぱりインスタを埋め込みたいよー!

カツオ
カツオ
大丈夫!ワードプレスブログならプラグインを使えば出来るよ!

という事で、次章でインスタのタイムラインをブログに埋め込む事が出来るプラグイン・Smash Balloon Social Photo Feedの使い方を説明していきますね!

インスタのタイムライン埋め込みならSmash Balloon Social Photo Feed!

インスタのタイムラインをブログに埋め込むプラグイン・Smash Balloon Social Photo Feedの使い方を説明してきます。

①まずはSmash Balloon Social Photo Feedをインストール&有効化します。

Smash Balloon Social Photo Feed

 

②ダッシュボード画面の「プラグイン」→「インストール済みプラグイン」と進み、Smash Balloon Social Photo Feedの「setttings」をクリック。

settings

 

③settingsの画面では

  • 1.Configure
  • 2.Customize
  • 3.Display your Feed
  • 4.Support

と4つのタブがありますが、1~3が重要なので1~3について以下説明していきます。

1.Configure

まず、インスタグラムにログインしている状態で、1.Configureの上部の青いボタンを押します。

設定画面

「personal」か「business」かを選択するようなポップアップが出てきますが、多くの人は「personal」を選択するので問題ないはず。

その後、英語の説明が出てきますが、要は「このプラグインが貴方のインスタグラムから情報をもらって良いですか?」という事なので、「Authorize」を押します。

 

この画面では他の設定は特にいじる必要はないです。

最後に「変更を保存」を押すのを忘れずに。

初心者カッパ
初心者カッパ
興味があれば色々試してみてもOKだけどねー。

2.Customize

2.Customizeというタブを選択して、インスタグラムの埋め込みフィード(埋め込みゾーン)のカスタマイズをしていきます。

 

①まずGeneralの部分ですが、ここは基本的にはデフォルトのままでOKです。

general

フィードの幅は基本的には100%を選択しましょう。

フィードの高さは、フィードの幅が100%なら特に触る必要はないです。

背景色は色々試してみると面白いですが、デフォルトのままでも無難に表示されますよ。

 

②次にLayoutの部分ですが、ここはかなり重要です。

一番上のLayout Typeは有料版の機能です。

カツオ
カツオ
僕は無料版を使っており、無料版でも十分高性能。

写真の数や列の数はお好みで調整しましょう。

埋め込む箇所によって適切な設定があるはずです。

写真の周りの余白は大きすぎても狭すぎても不自然です。

デフォルトのままでもいいと思いますが3~5pxくらいがオススメ。

 

③Photosでは埋め込みフィードに表示されるインスタの写真の順番や解像度を選択出来ます。

photos

基本的にはデフォルトでOKです。

 

④続いてHeaderの設定です。

Header

 

まず、ヘッダーが何なのかを下記に画像で示しておきますね。

ヘッダー

矢印で示したのがヘッダーです。

Headerの設定では、ヘッダーを表示するかどうかやその大きさ(ちなみに上記画像ではヘッダーの大きさはLargeです)、プロフィール文や文字の色を変えられます。

お好みで設定してみましょう。

 

⑤’Follow’ Buttonの設定も結構重要です。

フォローボタン

フォローボタンはぜひ表示させておきたいですね!

背景色や文字などはお好みで調整してみて下さい。

3.Display your Feed

最後に実際にインスタのタイムラインをブログに埋め込んでいきましょう。

3.Display your Feedというタブを選択しショートコードをコピーします。

それを任意の場所に貼り付ければ、そこにインスタのタイムラインが埋め込まれます。

ショートコード
初心者カッパ
初心者カッパ
簡単!

ちなみにDisplay your Feedの下の方を見ると、もっと細かくカスタマイズできるようになっていますが、ここまでの設定をしておくだけでも全然綺麗にインスタを埋め込み出来ます。

ですので、興味のある人がやってみる、くらいで良いかと個人的には思っています。

終わりに。

ブログにインスタのタイムラインを埋め込みたいけど、その方法が分からないという人の為にプラグインを使った方法を解説してきました。

InstaWidgetが使えない状況に陥っていますし、僕はinstagramAPIと言われても「?」という状態だったので、このプラグイン・Smash Balloon Social Photo Feedの存在は凄くありがたかったです。

是非試してみて下さいね!

P.S.

僕は会社での面倒くさい人間関係や飲み会、パワハラが嫌になり、無計画に会社を辞めました。

その結果、一時的には月収10万円も稼げないような状態になりましたが、ブログマネタイズからビジネスを始め、今では副業での収入が月30万円は安定的に。それ以上の月も全然ある状態です。

その時のストーリーやノウハウなど、表のブログでは書けない事をメルマガでは公開していますので、良かったらメルマガ登録してみて下さい。

完全無料です。

カツオのメルマガ
 

※携帯電話のメールアドレスでは登録出来ませんのでご注意下さい。

GmailやYahooメールなどがオススメ。

ABOUT ME
カツオ
ノマド坊主。東南アジアが好き。キックボクシングが好き。ヨガが好き。大学卒業後にブラック勤務を経験。逃げるように坊主になるも、お金が無くなり、絶望的な状況に。 PC一台で個人ビジネスが出来る事を知って実践してみたところ、月収10万→30万→100万と割と順調にステップアップ。 今は田舎で自由に楽しく緩くノマド坊主的ライフスタイルを楽しんでいる。
こんな記事も読まれています。

COMMENT

メールアドレスが公開されることはありません。