超簡単!InstagramのフィールドをWordPressに埋め込み

Instagram, WordPress, カスタマイズ, プラグイン, ホームページを作ってみよう, 制作

Twitterの投稿に引き続きまして、Instagramも投稿が埋め込めたらなあ…と思ってまして。

らくがきも最近たまってきたので投稿を表示させてみようと思いました。

今回はプラグインを使って楽々でした♪

本当はプラグインよりもコード書いた方が良いんですけど、簡単にかつ確実な方法としてプラグインの利用を決意しましたwww

プラグイン「Smash Balloon Instagram Feed

インスタ埋め込みようのプラグインは山のようにありましたが、今回使ってみたのはこれ。

 

いろんなサイトさん拝読させていただいて、簡単そうだったのでw

一先ずこれをインストールして、有効化します。

そうすれば、ダッシュボードの中に「Instagram field」という項目が追加されているので、そこから編集していきます。

 

Smash Balloon Instagram Feed」設定・設置

一先ず表示させてみたくて、簡単な設定をしました。

まずInstagramとの連携。

 

 

1.Configureのエリアの「Contact an Instagram Account」から必要事項の入力をする、またはここを押した時点で自動読み込みしてくれるのでそれで連携をします。

あとは2.Customizeエリアのもっと読むボタンとInstagramでフォローのボタンの文言が英語だったので
「もっと読む」・「Instagramでかねまをフォロー」に変更しました。
フォローボタンの「変更を保存」ボタンは下の方にありますのでお忘れなく。

 

このコピーしたコードを、ウィジェットエリアの「カスタムHTML」に貼り付けて完了ボタンを押せば…

 

見事、HPでの埋め込みに成功しました(∩´∀`)∩

表示画像のサイズや、写真の枚数、写真同士の隙間の調整などもできますので、色々試してみるのも面白いかもです♪

 

下記ページ参考にさせていただきました!
ありがとうございました!!

インスタの写真をアップ!WordPressでInstagramの写真を表示する方法【初心者向け】