ブログにインスタ投稿を貼るには？ WordPressでInstagramリンクカードを埋め込む方法

このページでは、 WordPress（Gutenberg）でのInstagramのリンクカードを埋め込むについて解説します。

インスタのリンクって、普通にURLを貼ればいいんじゃないのか？

おおかみくん

インスタのリンクを普通に貼るだけの方法だと、リンクが切れて英数字だけの文字列になってしまうことがあるよ。

正しいやり方で、ブログにInstagramの投稿を埋め込もうね！

ひつじくん

WordPressでInstagramのリンクカードを埋め込む方法

埋め込みたいインスタ投稿で「･･･」をクリック

Instagramを開いて、投稿右上の「･･･」をクリックしましょう。

「埋め込み」のコードをコピー

「埋め込み」の選択肢をクリックしましょう。

そうすると

埋め込みコードをコピーの選択肢が出てきます。コピーしておきましょう。

「カスタムHTML」のブロックに貼り付ける

先ほどのコード、WordPressにそのまま貼り付けても、コードがそのまま表示されてしまいます。

うまく貼り付けるには「カスタムHTML」のブロックを取り出して、その中にコードを貼り付けましょう。

すると「カスタムHTML」のブロックができるので、

こんな感じになったら完成！

ページを公開すると、Instagramの埋め込みがうまくできていることが確認できます。

ひつじ

ブロガー / デザイナー

X

WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。