ワードプレスプラグインの『Smash Balloon Instagram Feed』を利用して、ホームページにインスタグラムで投稿した画像をきれいに表示させましょう!
初心者向け!すぐ使える実践ノウハウ!!
★初心者でも設定ができちゃう!
★html.cssが分からなくてもソースコードを張るだけで誰でも
表示ができちゃいます!
★プラグインの設定から表示ソースコードパターン3種類を
教えます。(一部有料です。)
実際にやってもらえるように、1パターンのみ貼る方法を解説しますので是非やって下さい!!
インスタグラムを埋め込みってなに??
ワードプレス作成した自社サイトやネットショップの集客方法として、
SNS、『インスタグラム』を活用している方は多くいらっしゃると思います。
今あるサイトには、SNSアイコンの設定で済ませていないですか?
せっかくインスタグラムを更新しているのに、アイコン表示だけは『もったいない』です!!
ホームページにSNSリンクボタンがあっても押す人って多くいるんでしょうか??
見ない人が多数だと思います。。
それなら!インスタグラムを表示させちゃいましょうよ!
ワードプレスプラグインの『Smash Balloon Instagram Feed』を利用すると!!
★こんな感じで表示ができちゃう★
インスタグラムの設置パターン①
スマホ表示の場合は、縦1列の表示になります。
インスタグラムの設置パターン②
スマホ表示の場合は、縦2列の表示になります。
インスタグラムの設置パターン③
スマホ表示の場合は、縦3列の表示になります。
レスポンシブ対応で、スマホの時も見やすくカスタマイズが可能!!
なので、モバイルフレンドリーでSEO対策ばっちり!
お待たせしました!
何となく内容が分かったところで...
1パターンだけ、インスタグラムの埋め込み方法を解説
インスタグラムの設置パターン①を解説します。
1、『Smash Balloon Instagram Feed』プラグインを取得します。
インスタグラムのアカウント設定を行います。
青いボタンをクリックして、紐づけ作業を手順に沿って行います。
完了したら以下のように、アカウント名が表示されたら完了です。
2、ご自身のテーマによって異なりますが、お好きな箇所に設定してください。
例)footer.phpに貼ります。
パソコンの表示:縦2列,横5列,10投稿
スマホの表示:縦1列の表示に自動的になります。
<!--ここからコピー-->
<?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円くらいとるんじゃないですか??
もっと【おしゃれな感じにインスタグラムの設定したい方】は、有料から購入していただけるとできます!!
--------------------------------------------------------------
※パターン②、パターン③は有料になります。
※有料購入して貼る箇所が分からない方は、お手伝いします。
--------------------------------------------------------------