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)の写真関連情報 画像表示情報

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

簡単綺麗な写真ギャラリー Envira Photo Gallery 2019 ワードプレス

WordPress(ワードプレス)で写真を綺麗に魅せるサイトを作るには、ギャラリープラグインを使うのも有効です。今回は、数あるギャラリープラグインの中から「Gallery Plugin for...

画質比較 Compress JPEG & PNG プラグインのインストール

WordPress(ワードプレス)に画像圧縮のためのプラグイン「 Compress JPEG & PNG images...

ワードプレスで WebP を簡単に作成する方法 EWWW Image

WordPress(ワードプレス)初心者向けに、今回はワードプレスで次世代フォーマットでの画像配信を簡単に行う方法、「EWWW Image...

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

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

サイトの高速化 写真のWebP化の方法 Photoshop利用

サイトの高速化の方法のひとつに、表示させる写真や画像に次世代フォーマットを利用するというものがあります。次世代フォーマットにはいくつか案があるのですが、今回はGoogleが開発している WebP...

Pin It on Pinterest