比較表のブロックを追加しました!

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

ひつじ

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

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

おおかみくん
おおかみくん

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

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

ひつじくん
ひつじくん

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

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

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

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

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

そうすると

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

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

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

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

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

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

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

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

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

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

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました