WordPressへインスタグラム(Instagram)投稿の埋め込み方法をブログで紹介!

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_13ブログ運用
スポンサーリンク

ブログやWebサイトの商品紹介ページに、商品のおすすめポイントの説得力を上げるため、

Twitterのツイート」をWordPressの投稿ページに埋め込む方法を紹介しましたので、

今回は、「Instagramの投稿」をWordPressの投稿ページに埋め込む方法を紹介します。

画像付きの手順なので、誰でも簡単に作業できます!

【WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順書について】

  • 本手順の対象者:WordPressで運営しているブログやWebサイトにインスタグラムの投稿を表示させたい人
  • 設定時間目安:2分
  • 手順書作成日:2019年8月20日

【WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順書】

インスタグラム(Instagram)投稿のHTMLコード取得

Instagramへブラウザからアクセスし、表示させたい投稿のキーワードを検索エリアに入力します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_1

該当のキーワードを選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_2

表示させたい投稿が表示されている場所まで画面を下へスクロールします。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_3

表示させたい投稿を選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_4

右上の…を選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_5

埋め込みを選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_6

埋め込みコードをコピーボタンを押下します。

※キャプションを追加のチェックボックスを外すと、Instagramの投稿のコメント情報が省かれます

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_7

埋め込みコードがコピーされました。メッセージを目視にて確認します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_8

WordPressへインスタグラム(Instagram)投稿のHTMLコードを貼り付け

WordPressの管理画面をアクセス後、ツイートを表示したい投稿記事を選択し、投稿記事フィールドの̟̟⊕を選択後、カスタムHTMLを選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_9

カスタムHTMLを選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_10

HTMLフィールドにInstagramの投稿のページでコピーしたHTMLコードを貼り付け(キーボード操作(Ctrl)+(C))ます。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_11

プレビュータブを選択します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_12

Instagramの投稿が表示されていることを目視にて確認します。

WordPressへインスタグラム(Instagram)投稿の埋め込み方法の手順画像_13

スマホで表示した場合のInstagramの投稿のサイズ感もチェックしましょう。

その他にも画像付きの手順で「ブログのカスタマイズ方法」をまとめています。

誰でも簡単に出来るような手順作成を目指していますので、一読頂けると幸いです。

コメント

dosankokazu

北海道札幌市在住の生粋道産子です。
パパ歴2年目。
子育て、北海道、グルメ、体験談、日常生活で役立つ情報等を発信します。
娘の笑顔を糧に日々奮闘。

dosankokazuをフォローする