ワードプレスにインスタグラムを埋め込み!!すぐ使える実践ノウハウ！！

ワードプレスプラグインの『Smash Balloon Instagram Feed』を利用して、ホームページにインスタグラムで投稿した画像をきれいに表示させましょう！

初心者向け！すぐ使える実践ノウハウ！！

★初心者でも設定ができちゃう！

★html.cssが分からなくてもソースコードを張るだけで誰でも

表示ができちゃいます！

★プラグインの設定から表示ソースコードパターン3種類を

教えます。（一部有料です。）

実際にやってもらえるように、1パターンのみ貼る方法を解説しますので是非やって下さい！！

インスタグラムを埋め込みってなに？？

ワードプレス作成した自社サイトやネットショップの集客方法として、

SNS、『インスタグラム』を活用している方は多くいらっしゃると思います。

今あるサイトには、SNSアイコンの設定で済ませていないですか？

せっかくインスタグラムを更新しているのに、アイコン表示だけは『もったいない』です！！

ホームページにSNSリンクボタンがあっても押す人って多くいるんでしょうか？？

見ない人が多数だと思います。。

それなら！インスタグラムを表示させちゃいましょうよ！

ワードプレスプラグインの『Smash Balloon Instagram Feed』を利用すると！！

★こんな感じで表示ができちゃう★

インスタグラムの設置パターン①

スマホ表示の場合は、縦１列の表示になります。

インスタグラムの設置パターン②

スマホ表示の場合は、縦２列の表示になります。

インスタグラムの設置パターン③

スマホ表示の場合は、縦３列の表示になります。

レスポンシブ対応で、スマホの時も見やすくカスタマイズが可能！！

なので、モバイルフレンドリーでSEO対策ばっちり！

お待たせしました！

何となく内容が分かったところで...

1パターンだけ、インスタグラムの埋め込み方法を解説

インスタグラムの設置パターン①を解説します。

１、『Smash Balloon Instagram Feed』プラグインを取得します。

インスタグラムのアカウント設定を行います。

青いボタンをクリックして、紐づけ作業を手順に沿って行います。

完了したら以下のように、アカウント名が表示されたら完了です。

２、ご自身のテーマによって異なりますが、お好きな箇所に設定してください。

例）footer.phpに貼ります。

パソコンの表示：縦2列,横5列,10投稿

スマホの表示：縦１列の表示に自動的になります。

<!--ここからコピー-->

<?php echo do_shortcode('[instagram-feed num=10 cols=5 imagepadding=1 imagepaddingunit=px imageres=full showheader=false showbutton=false showfollow=false ]'); ?>

<!--ここまで-->

★注意★

-------------------------------------------------------------

1.コピー・ペーストで設定する箇所に貼り付けて下さい。

2．使用しているテーマによって設定箇所は異なります。

表示させたい箇所に設定して下さい。

例）PHPコードは、footer.phpに設定。

★cssなしで設定できます。

-------------------------------------------------------------

以上です！！

※ワードプレステーマによって設定箇所は異なるのと間違って他のコードを

消さないように気を付けましょう！！！

貼るだけなので、非常に簡単です！

業者に依頼したら、安くても設定費用3000円くらいとるんじゃないですか？？

もっと【おしゃれな感じにインスタグラムの設定したい方】は、有料から購入していただけるとできます！！

--------------------------------------------------------------

※パターン②、パターン③は有料になります。

※有料購入して貼る箇所が分からない方は、お手伝いします。

--------------------------------------------------------------