WordPressにインスタグラムを埋め込む方法をお探しですね。
広告
WordPressにInstagramを埋め込む!プラグインなしで簡単にできる方法
WordPressで作ったブログや会社のホームページに、Instagramの投稿を表示させたいと思ったことはありませんか?でも、専用のプラグインを入れるとサイトが重くなったり、設定が難しくて途中で諦めてしまったり…そんな経験がある方も多いはず。
そこでこの記事では、プラグインを一切使わずに、Instagramの投稿をWordPressに埋め込む方法をわかりやすく解説します。
初めての方でも迷わずできるように、手順から注意点まで丁寧に説明していきますね。
この方法なら、サイトを重くせずに、魅力的なInstagramのコンテンツを読者に見せることができますよ。
1. WordPressにInstagramを埋め込むメリットって?
WordPressサイトにInstagramの投稿を埋め込むと、どんな良いことがあるのでしょうか?
まず一番のメリットは、**サイトを見に来た人の興味をグッと引きつけられること**です。
文字だけの記事より、おしゃれな写真や動画が入っていた方が、読者は飽きずに最後まで読んでくれますよね。
しかも、実際に商品を使った人の投稿を記事に入れれば、リアルな口コミとして信頼感もアップします。
結果的に、お問い合わせや購入につながりやすくなるんです。
それに、サイトを見た人があなたのInstagramアカウントを知るきっかけにもなります。
サイトとSNSを連携させることで、どちらも見てもらえる良い流れが生まれて、ブランド全体の知名度も上がっていきます。
プラグインを使わない方が良い理由
こんなにメリットがあるなら、便利なプラグインを使えばいいんじゃない?と思うかもしれません。
でも、あえて**プラグインを使わない方法**にも大きな価値があるんです。
一番の理由は、**サイトの表示速度を遅くしないこと**。
多機能なプラグインは便利ですが、その分サイトに負担がかかって、ページの読み込みが遅くなりがちです。
ページが遅いと、読者はイライラして離れてしまうし、Googleからの評価も下がってしまいます。
プラグインなしのシンプルな方法なら、余計なプログラムを読み込まずに済むので、サクサク表示できるんです。
2. 【超簡単】WordPressにInstagram投稿を埋め込む手順
それでは、実際にどうやって埋め込むのか見ていきましょう。
難しそうに感じるかもしれませんが、実はとっても簡単です!
基本的には、Instagramから「埋め込みコード」というものをコピーして、WordPressに貼り付けるだけ。
ただし、**スマホのInstagramアプリからはこのコードが取得できない**ので、必ずパソコンのブラウザから操作してくださいね。
具体的な手順(5ステップ)
1. **パソコンでInstagramを開く**
ブラウザでInstagramにログインして、埋め込みたい投稿のページを開きます。
2. **「埋め込み」を選ぶ**
投稿の右上にある「…(三点リーダー)」をクリックして、メニューから「埋め込み」を選びます。
3. **コードをコピー**
ポップアップが出てきたら、「埋め込みコードをコピー」ボタンをクリック。
キャプション(文章)を含めるかどうかもここで選べます。
4. **WordPressに「カスタムHTML」ブロックを追加**
記事の編集画面で、投稿を表示させたい場所に「カスタムHTML」ブロックを追加します。
5. **コードを貼り付けて確認**
コピーしたコードを貼り付けて、プレビューでちゃんと表示されているか確認しましょう。
URLを貼るだけじゃダメなの?
以前は、InstagramのURLをWordPressに貼るだけで自動的に表示される機能がありました。
でも、Instagram側の仕様変更で、今はこの方法だとエラーになることが多いんです。
なので、確実に表示させたいなら、**今回紹介した「カスタムHTML」を使う方法がおすすめ**です。
3. 埋め込むときの注意点とトラブル対策
簡単にできる埋め込みですが、いくつか気をつけたいポイントがあります。
著作権・肖像権に注意!
自分の会社のアカウントや、自分個人のアカウントの投稿を埋め込むのは全く問題ありません。
でも、**他の人の投稿を勝手に使うのはNG**です。
他の人の素敵な投稿をサイトに載せたい場合は、必ず事前にDMなどで許可をもらいましょう。
無断で使うと、著作権や肖像権の問題になってしまう可能性があります。
突然表示されなくなることも
埋め込んだ投稿が急に見えなくなることがあります。
これは、投稿した本人がその写真を削除したり、アカウントを非公開にしたりすると起こります。
埋め込んだ投稿は、Instagram側のデータとリンクしているので、元が消えるとサイトでも表示できなくなってしまうんです。
エラー表示のまま放置すると読者に不信感を与えてしまうので、**定期的にチェック**するようにしましょう。
スマホでの見え方も確認しよう
パソコンで見たときは綺麗でも、スマホで見ると画像がはみ出したり、レイアウトが崩れたりすることがあります。
今はほとんどの人がスマホでサイトを見るので、**スマホでの表示も必ず確認**してください。
WordPressのプレビュー機能や、実際のスマホで見てみるといいですよ。
4. プラグインなしの方法では難しいこともある
ここまでプラグインなしの方法を紹介してきましたが、実はこの方法にも限界があります。
手動で埋め込む方法の弱点は、**「最新の投稿を自動で更新できない」**ことと、**「たくさんの投稿を綺麗に並べて表示するのが難しい」**ことです。
特定の投稿を1つか2つ、記事の中で紹介したい場合には今回の方法がぴったり。
でも、Instagramのギャラリーみたいに、たくさんの写真を並べて見せたい場合には向いていません。
こんな場合はツールの利用を検討しよう
もし、会社のトップページに「Instagramの最新投稿」を常に表示させたい場合や、何十枚もの写真をスライダーでおしゃれに見せたい場合は、毎回手動で更新するのは大変すぎます。
そういうときは、専用のプラグインや外部ツールを使った方が効率的です。
一度設定すれば自動で最新の投稿が表示されるし、デザインも自由にカスタマイズできます。
まずは手動で試してみよう
初めてInstagramの埋め込みに挑戦する方は、まず今回紹介した**プラグインなしの方法**から始めてみてください。
実際に使ってみて、読者の反応やサイトの速度への影響を確認してみましょう。
そのうえで、もっと本格的な連携が必要だと感じたら、その時に専門ツールの導入を検討すれば大丈夫です。
自分のサイトの目的や運用スタイルに合わせて、最適な方法を選んでくださいね。
この記事が、あなたの魅力的なサイト作りの役に立てば嬉しいです!
広告
