SNSの活用

ブログにインスタの投稿を埋め込む方法?【コードを貼り付けます!】

困った人
インスタグラムの投稿ってブログに埋め込めるの?

今日はそんな疑問にお答えします!

ブログにインスタグラムの投稿は埋め込めます!

あいざわ
実際に埋め込んだ事例を元に僕が解説します!

ワードプレスブログ歴半年の僕にも簡単に出来ましたので安心してください!

よろしかったらごらんください!

ブログにインスタグラムの投稿を埋め込む方法とは?

ブログにインスタグラムの投稿を埋め込む方法とは?

インスタグラムのcodeを取得

それでは早速行きましょう!

まずあなたのインスタグラムのアップしたい投稿を開きます。

右側の名前の横に3つの点々がありますよね。

それをクリックします。

すると次の画面が現れます!

埋め込みってありますね~♪

埋め込みをクリックすれば埋め込みコードをコピーというボタンが現れます。

ここで注意するのはキャプションを追加するかどうかです。

次の章で僕のインスタを実際に貼ってみましたので違いを確認してください!

ココがポイント

インスタグラムのコードはアプリでは取得出来ませんのでブラウザで開いてから行います!

ブログへ張り付け

貼り付けはテキストモードにして貼るだけです。

まずはキャプションを追加しないパターンから

 

この投稿をInstagramで見る

 

相澤弘幸(@aizawahiroyuki)がシェアした投稿 -

次はキャプションを追加したものです。

違いがわかりますか?

キャプションを追加するとインスタで投稿した文章がそのまま入るためちょっと長めになります。

どちらでもお好みで選択すればオッケーです!

インスタと関連付けた投稿をしたい方向け

インスタグラムは今や性別年代を問わず使われています。

インスタの投稿とブログ記事を関連付けたい方も多いんじゃないでしょうか?

インスタはお洒落にも見えますからブログも華やかになりますよね♪

特に仕事でインスタを活用している方にとってこの方法は役に立つんじゃないかな?

まとめ:ブログにインスタグラムの投稿を埋め込む方法!

ブログにインスタグラムの投稿を埋め込む方法はいかがでしたでしょうか?

簡単にまとめると、

  1. インスタグラム投稿のcodeを取得する
  2. ブログにテキストモードで埋め込む

ツイッターなどと同じですね♪

つまりコードだけでも知っておくと便利なんです!

ブログやホームページなど、コードを自由に扱えるようになると他にも色々出来るようになりますのでちょこっと勉強するのも悪くないんじゃないでしょうか?

僕の場合はよくわかるHTML5+CSS3の教科書【第3版】 [ 大藤幹 ]を読んでいました。

これから情報発信は益々盛んになってくるでしょう!

時代に乗っていきましょう!

こちらもCHECK

インスタグラムってどう活用するの?【基本から裏技まで大公開!】
インスタグラムってどう活用するの?【基本から裏技まで大公開!】

あいざわこんにちは、あいざわです。 ブログ歴9年、総記事数は2,500以上。 結果、毎年200人以上の新規のお客様にご来店いただいています! 困った人インスタグラムって実際、どうやって活用したらいいの ...

続きを見る

-SNSの活用
-

© 2021 クリーニング屋のサイト運営 Powered by AFFINGER5