【クラシックエディター】ブログにTwitterやInstagramなどSNSを埋め込む方法！

この記事では、ワードプレスのクラシックエディターのブログ記事に、下記のSNSの投稿を埋め込む方法についてご紹介します！

ブロックエディター（Gutenberg）での埋め込み方法はこちら

Twitterの埋め込み方法

ツイッターの投稿をブログに埋め込む方法を解説します。

まず、記事に埋め込みたいツイッター投稿の右上にある矢印ボタンをクリックし、「ツイートをサイトに埋め込む」を選択します。

出てきたコードをコピーします。

この時「メディアを含める」にチェックを入れると、投稿の画像や動画も一緒に埋め込むことができます。

文字だけ埋め込みたい場合は「メディアを含める」のチェックを外してください。

ワードプレスの投稿画面で、「テキスト」の方に先ほどコピーしたコードを貼り付けます。

↓そうすると、こんな感じでブログに表示されます。

毛玉くん今流行りのユーチューバーになりました🐱癒されたい方は是非とも見に来てください！
記念すべき初投稿はこちら↓https://t.co/OlG9xTJ1Lf pic.twitter.com/FcRlgv1BtD

— 毛玉くん (@kedamakun_neko) 2018年9月22日

Instagramの埋め込み方法

最近、Instagramの埋め込み画像が、safariのブラウザで表示されないケースが多くなっています。
なので、なるべく画像の埋め込みはInstagram以外のSNSを活用するのがおすすめです！

インスタグラムの投稿をブログに埋め込む方法を解説します。

まず、インスタグラムで埋め込みたい投稿の右下にある「… 」というマークをクリックします。

「埋め込み」をクリックします。

出てきたコードをコピーします。

「キャプションを追加」にチェックを入れると、インスタグラムの投稿の文章も一緒に埋め込まれます。

画像だけ埋め込みたい場合は「キャプションを追加」のチェックを外しましょう。

ワードプレスの記事投稿で「テキスト」の方に先ほどコピーしたコードを貼り付けます。

↓そうすると、以下のように表示されます。

この投稿をInstagramで見る

島田萌子|元保育士からブログで起業(@mokkos10)がシェアした投稿

YouTubeの埋め込み方法

Youtubeの投稿をブログに埋め込む方法を解説します。

まず、YouTubeの動画の下にある「共有」をクリックします。

「リンクの共有」の中にある「埋め込む」をクリックします。

「動画の埋め込み」に出てきたコードをコピーします。

ワードプレス投稿画面の「テキスト」の方に先ほどコピーしたものを貼り付けます。

コードを貼り付けると、このように表示されます。

まとめ

ワードプレスの記事に下記のSNSを埋め込む方法についてご紹介しました！

参考になったら幸いです＾＾

あわせて読みたい

ブログで画像や文章を引用する方法！ツイッターやインスタの埋め込みの著作権は大丈夫？ 他の人が書いた文章や、他の人が投稿している画像をブログで引用したり、TwitterやInstagram・YouTubeなどの投稿を自分のブログに埋め込む際に、 著作権って大丈夫なの...