Divi は YouTube 動画も簡単にサイトに設置できるように作られています。今回はその設置方法を図解したいと思います。

Diviの使い方5の3
Divi で YouTube を表示する

1.動画モジュールで YouTube を表示させる

1)動画モジュールを追加する

動画モジュールを用いて YouTube 動画を表示させるには、

「モジュールを追加」をクリックします。
divi-lesson4-2-movie-moduleモジュールの挿入で「動画」モジュールをクリックします。

2)動画モジュールに動画コンテンツを追加する

動画モジュールを追加したら、コンテンツに動画を追加します。

module-configuration-panel「モジュールの設定」をクリックします。
「コンテンツ」>「動画.MP4URL」で「+(Add Video)」をクリックします。
左上の「URLから挿入」をクリックします。
URL の入力枠が表示されるので、そこに YouTube動画の URL を入力します。

YouTube の URL は、 YouTube で動画を表示してその動画を右クリックし、

「動画のURLをコピー」をクリックします。
コピーした URL を入力し「投稿に挿入」をクリックします。
YouTube 動画が設定されます。※ なぜか読み込めないとなっていますが、設定はいきています。
「✔(チェックマーク)」をクリックして承認します。

下記のように YouTube 動画が設置されます。

ワードプレス(WordPress)の写真関連情報 画像表示情報

ワードプレスで写真サイトを構築する際に役に立ちそうな設定や情報をまとめています。こちらはワードプレスの写真設定や画像表示に関連する情報の目次ページとしています。なるべく図を用いて簡単に解説するようにしようと思っています。参考にどうぞ。

WP-Divi-elegant-themes-logo

写真サイトを作るのにワードプレスのDiviがおすすめな理由

今回はワードプレスの「Divi(by Elegant...

ワードプレス無料ギャラリー Robo Gallery 設定と機能

Wordpress(ワードプレス)の無料ギャラリープラグインにはいろいろありますが、Robo Gallery...

ワードプレス画質比較 ImageMagick と Compress JPEG

WordPress(ワードプレス)の画像圧縮方法の違いによる写真画質の比較を行います。今回はワードプレス標準のGDと、プラグイン「Compress JPEG & PNG...

WebM動画に変換する方法 Internet Friendly Media Encoder

今回は無料のアプリを利用して簡単に 次世代フォーマットの WebM に動画を変換する方法について図解します。「 Internet Friendly Media Encoder...

ワードプレスで次世代フォーマットでの画像の配信 WebPの画質比較

PageSpeed Insights でのスピードアップの提案に「次世代フォーマットでの画像の配信」というものがあります。次世代画像フォーマットのうち、今回はGoogleが開発している「 WebP...

Pin It on Pinterest