WordPressの使い方：YouTube動画・Twitterのつぶやきを記事に挿入する

2017年1月3日 Web, Wordpress, WordPressの使い方

WordPressでは、YouTubeの動画やTwitterのつぶやきを記事に挿入することで、文章だけでは表現できない分かりやすい記事にすることが簡単にできます。

今回はWordPressの記事にYouTube動画、Twitterのつぶやきを挿入する方法についてご説明します。

YouTubeの動画を記事に挿入する
Twitterのつぶやきを記事に挿入する

YouTubeの動画を記事に挿入する

新規投稿ページ、または投稿の編集ページの本文に動画を挿入していきます。

今回は投稿の編集ページにYouTubeの動画を挿入してみます。

まずは投稿の編集ページを表示します。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

次にYouTubeで記事本文に張り付けたい動画を表示して、URLを全選択してコピーします。

記事本文に戻って、動画を張り付けたい場所にカーソルを合わせて、ペースト（貼り付け）すると動画が挿入されます。

アフィリエイトリンクなどの場合は、テキストモードで張り付けないといけないことが多いですが、YouTubeの場合はビジュアルモードでそのまま貼り付けするだけで問題なく動画を挿入することができます。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

YouTubeの埋め込みコードを使って記事に挿入する

前述の動画挿入方法の場合は、動画サイズなどの設定をすることができませんでしたが、YouTubeの埋め込みコードを使うことで設定を変更することができます。

まずはYouTubeで張り付けたい動画を開いて「共有」をクリックします。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

次に「埋め込みコード」をクリックします。

共有用の埋め込みコードが表示されるので、下にある「もっと見る」をクリックします。

プレビューや「動画のサイズ」などの設定をする項目が表示されます。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

任意を設定をしたのちに埋め込みコードをコピーします。

記事本文に張り付けるときはテキストモードにしておいてから、画像を挿入したい場所にカーソルを合わせてペーストします。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

ビジュアルモードに変更すると動画が挿入されていることが確認できました。

「更新」ボタンをクリックして、記事を表示すると動画が表示されていることが確認できます。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

Twitterのつぶやきを記事に挿入する

Twitterのつぶやきを記事の本文に挿入する方法について説明します。

まずは挿入したいTwitterのURLを全選択してコピーしておきます。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

今回は例として「新規投稿を追加」ページにTwitterのつぶやきを挿入してみます。

挿入する場所にカーソルを合わせておいて、ペーストするとTwitterのつぶやきが表示されることが確認できます。

WordPressの使い方：YouTube動画、Twitterのつぶやきを記事に挿入する

「公開」ボタンをクリックして記事を公開してブログを表示してみると、正常に表示されることが確認できます。