ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

訪れた読者(ユーザー)にインターネットの声として記事の中にツイッターやインスタグラムを埋め込むと、記事がとてもリッチになります。

あなたが発信する情報を保管したり、世の中の意見に対してあなたの見方を伝えるなどの手法をとれば、記事の作成も楽になりますし、読者から見てもとても面白いものになります。

今回は、ワードプレスにツイッターやインスタグラムを埋め込む方法について解説してゆきます。

 

 

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法を動画で解説

 

ワードプレス記事内にツイッターのツイートやインスタグラムの記事を埋め込む方法を動画で解説しました。

一緒に操作してマスターしてください。

 

 

 

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法を画像で解説

 

ワードプレス記事内にツイートとインスタグラムの投稿を埋め込む方法を画像でわかりやすく解説しました。

 

Twitterの簡単な記事挿入方法

 

記事投稿画面を表示します。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

記事内のTwitterを挿入したい箇所に空白を作ります。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

Twitterをブラウザで表示してください。

記事に埋め込みたい対象のツイートの右上にある「マークをクリックしてください。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

「∨」マークをクリックすると、メニューが表示されます

メニューの中の「ツイートのリンクをコピー」をクリックしてください。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

ワードプレスのビジュアルエディタに戻ります。

先程コピーした「ツイートのリンク」を記事内に貼り付けてください。

貼り付けのWindowsショートカットは「Ctrl+v」です。

※コントロールボタン(ctrl)とvキーを押すと貼り付けできます。

リンクを貼り付けると、自動的にツイートが表示されます。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

Instagramの簡単な挿入方法

 

Instagramの投稿を挿入する場所を決めてください。

挿入場所は、何行か空行にしておくと分かりやすいです。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

Instagramのウェブページで記事内に挿入したいInstagramの投稿を決定してください。

決定できたら、その投稿を選択します

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

投稿が表示されたら、右下にある「・・・ボタンをクリックしてメニューを表示してください。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

メニュー内の「埋め込み」をクリックします。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

埋め込みコードとコピーのボタンが出現しますので、「埋め込みコードをコピー」のボタンをクリックします。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

ワードプレスの記事投稿画面に戻ります。

エディタ画面右上にある「テキストタブをクリックしてください。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

テキストエディタ画面に遷移します。

テキストエディタでは、普段は意識していない「HTMLタグ」などを直接操作することができます。

ビジュアルタブの画面では、特にこういった「タグ」は意識していませんが、実は裏側ではこのようなタグによって文字の装飾や画面のデザインが記載されていることは理解しておきましょう。

先程、挿入場所として空欄を空けた箇所を発見出来ると思います。

「ビジュルタブ内」で改行のみ行った箇所は「 」という文字列で表現されています。

任意の場所にコピーした「埋め込みコード」を「Ctrl+v」で貼り付けします。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

Instagramの埋め込みコードは非常に長いです。

びっくりしないようにしてくださいね。

「埋め込みコード」の貼り付けが終われば、右上にある「ビジュアルタブ」をクリックしてビジュアルエディタに変更します。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

埋め込んだInstagramはビジュアルエディタで見ると、中身のない枠のような状態で挿入されているはずです。

エディタ画面上ではこのような形で表現されていますが、プレビューで見ると正しく表示されることが確認できます

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

プレビューした状態です。

中身が表示され、正しくInstagramの投稿が埋め込まれています。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

 

Instagramの埋め込みコードをコピーした後、ビジュアルタブに戻るとインスタの挿入枠のすぐ下に「再生マーク」のようなボタンのようなオブジェクト(物体)を見ることができます

エディタ画面上で、そのまま消すこともできますが、決して消したりしないでください

この表示を消してしまうと、実際に記事として公開した時に、インスタグラムの枠の表示のみになってしまい、中身が表示されなくなってしまいます

即ち、エディタ画面上の表示と同じ状態で記事に表示されていまいます。

くれぐれも、消去しないようにご注意ください。

ワードプレス記事内にツイッターやインスタグラムを埋め込む方法

 

以上でTwitterのツイートの記事への埋め込みとInstagramの投稿の埋め込みの画像解説は終了です。

 

【あわせて読みたい】

 

 


いつも応援ありがとうございます。

この記事がお役に立てる内容であれば、ぜひワンクリックお願いします!




ネットビジネスランキング






まとめ

 

Twitterはツイートの右上の「∨」ボタンから「ツイートへのリンクをコピー」して貼り付け。

Instagramは投稿の右下の「・・・」ボタンから「埋め込み」を選択、「埋め込みコードをコピー」して「テキストエディタ」で貼り付け。

SNSによって記事への埋め込み方法が微妙に異なるので、最初は戸惑うかもしれませんが、何度か行うと慣れてきます。

サクサク作業できるようになるためにも、どんどん記事内に投稿を取り入れてゆきましょう。

 




【"miura"のプチプロフィール】

miuraの画像


2018年夏、長いサラリーマン生活から独立、起業。自由をゲットしました。

人生は一度きり行きたい時に行きたい場所に行き、やりたいことをやる。
時間と経済的な自由を得て、自分に嘘をつかないスマートライフを送っています。

好き:乗り物、しいたけ、モフモフ猫さん、レッサーパンダ

嫌い:パクチー、夢のない仕事、カロリー

サラリーマンとしていくら頑張っても、結局は人からの評価で物事が決まり、たった一度の人生であるにも関わらず「住むところも、稼ぐ額も、自由になる時間も自分自身が決める事が出来ない」、という不自由に嫌気がさしたのがインターネットビジネスを始めたきっかけ。

【実績】
2017年2月:副業としてネットビジネス開始
2017年8月:副業で月収70万円達成(ブログ)
2018年1月:自身で1記事も書かずに月収60万円達成(ブログ)
2018年7月:念願の独立(自分自身の働き方改革)


“正しく行動すれば目指す結果に到達出来、未来をあなたが望む自由な人生に変えてゆく事が出来る事“を発信しています。


⇒何その話?、ちょっと気になるって方はこちら





【今ならフルセット教材を無料プレゼント中!】

10万円ナビゲーション登録

え?どういう事?詳しく確認するにはここをクリック!




関連記事

  1. 独自ドメイン取得とXサーバーへの設定方法

    独自ドメイン取得とXサーバーへの設定方法

  2. マインドセットの重要性を説明!あなたの中で革命を起こそう!

    マインドセットの重要性を説明!あなたの中で革命を起こそう!

  3. 運営者情報とプライバシーポリシーの追加方法

    運営者情報とプライバシーポリシーの追加方法

  4. 初めての方へ、まずはこちらを御覧ください

  5. 商用利用できるセンスのいい素材画像をダウンロードできるサイト集

    商用利用できるセンスのいい素材画像をダウンロードできるサイト集

  6. アドセンスアフィリエイトで無料ブログを使わずワードプレスで作成する理由!

    アドセンスアフィリエイトで無料ブログを使わずワードプレスで構築する理由…

  7. トレンドアフィリエイト記事の書き方(ライティング)をわかりやすく解説

    トレンドアフィリエイト記事の書き方(ライティング)をわかりやすく解説

  8. ワードプレスの記事投稿方法をわかりやすく解説

    ワードプレスの記事投稿方法をわかりやすく解説

【実績】

1ブログで月収70万円超え(副業として開始7ヶ月後)


月70万円拡大
↑クリックで拡大



ブログ開始から12ヶ月で約400万円


ブログ開始12ヶ月間の収入
↑クリックで拡大


ブログ開始から27ヶ月で収入総額が約1,000万円、月平均約37万円!


ブログ開始27ヶ月間の収入1,000万円
↑クリックで拡大

年400万円稼いだ最強ブログ術、まとめました!

期間限定で無料公開中です!

詳しく見てみるにはここをクリック!



ブログ術で実現できる事
↑クリックで拡大


リスク無く副業から初めて、独立も出来る!

半年後にフリーランスを目指せる最強のブログ術!

東証一部上場企業の元マネージャーが、”初心者”でも最短で成功するように作りました!"

下の画像クリックで詳細へ!


10万円ナビゲーション登録

詳しく見てみるにはここをクリック!


ブログランキング参加中!


ブログランキング占い!3位以上ならあなたも私もニッコリ!

さぁポチッとな!




ネットビジネスランキング

ブログランキング・にほんブログ村へ
にほんブログ村




Twitterをフォローしておこう!

ブログの更新情報の他、ブログ実践記のちょっとした内容や成功のために意識しておくべきことなど、「かなり有用なこと」と「ちょっとどうでもいいやん」ということも呟いています(笑)

更新情報をFacebookでらくらく取得!

最近の記事

  1. キーワード検索数チェックツールと複数対象を相対的…
  2. WPXからXサーバーへのブログ引越し(移行)のや…
  3. ワードプレスのブログ構築用PCはMacとWind…
  4. ワードプレスとは何かを初心者向けに解説!ブログを…
  5. ワードプレスの投稿画面でエディタの文字入力や変換…
  6. ワードプレスで広告の貼り方を自由自在にするプラグ…

おすすめ記事

  1. ブログ

  2. 10万円NAVI

    アフィリエイトで10万円を得るためにあなたがこれからやってゆくこと
  3. 10万円NAVI