WordPressの記事内にInstagramの投稿を埋め込むと、文字だけでは伝わらないおしゃれな世界観や、リアルな口コミ・レビューを視覚的に伝えることができます。
Instagram投稿をWordPressサイトに表示するなら、埋め込み機能を使用する方法が最も簡単です。外部ツールやプラグインを使用せずともInstagram投稿を表示できますので、当記事を参考に埋め込んでみましょう。
2020年10月24日からFacebook・InstagramのoEmbedの仕様変更により、「埋め込み」ブロックを使用できなくなりました。（詳細はこちら）
目次
埋め込み前に知っておくべきこと（注意点）
作業を始める前に、1点だけ大切な注意点があります。
それは、「非公開アカウント（鍵あか）」の投稿は埋め込めないということ。ブログに埋め込めるのは、全体に公開されているアカウントの投稿のみとなります。
また、他人の投稿を埋め込む際は、トラブル防止のために「著作権」や「プライバシー」に配慮し、批判的な内容や誤解を招くコンテキストで勝手に使用しないよう注意しましょう。
Instagram投稿の埋め込みの方法
埋め込みコードの取得
まずは、サイト上に表示したいInstagramの投稿ページにPCでアクセスして、右上の三点リーダーをクリックしましょう。
次に「埋め込み」を選択しましょう。
埋め込みコードが表示されるので、キャプションを追加する方はチェックを入れて「埋め込みコードをコピー」をクリックします。これで埋め込みコードを取得することができました。
次は、WordPressサイトに埋め込みコードを貼り付けていきます。ブロックエディタとクラシックエディターの両方の解説をしていますので、お使いのエディタをご覧ください。
ブロックエディター（Gutenberg）で埋め込む
ブロックエディターをお使いの方は、「カスタムHTML」ブロックを追加して、下記のように埋め込みコードを入力してください。
旧エディター（Classic Editor）で埋め込む
Classic Editor等を導入し、旧エディターをお使いの方は、テキストエディターに埋め込みコードを貼り付けてください。
貼り付けると、下記のようにInstagram投稿が表示されるようになります。
解説は以上です。
WordPressとInstagramの連携を行う
当記事で紹介したのは、単一のInstagram投稿をサイト上に表示する方法です。Instagramの最新投稿をサイト上に反映させたり、複数の投稿を並べて表示したい方は、下記のプラグインがおすすめです。
無料で使える上、ある程度のレイアウトの調整なども可能です。トップページやウィジェットに複数のInstagram投稿を表示したい方は、こちらの方がいいかもしれませんね。
WordPressのサイト内にインスタグラムフィードを埋め込む際に最も簡単に活用できるプラグインの紹介です。表示するフィードのデザインやカラム数まで調整できますので、当記事で使い方を解説いたします。 弊社のYouTuber TAKAPONによる動画解説は、下記よりご覧いただけます。 ...
WordPressテーマ
コメント