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

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

Photo Gallery by 10Web レスポンシブギャラリー設定

WordPress(ワードプレス)の標準機能にもギャラリーの作成機能はありますが、プラグインを追加することで、より見栄えの良いギャラリーサイトを作成することができます。今回はプラグイン「...
photo-gallery-top5-logo-01

表示の綺麗な写真ギャラリー 無料プラグイン Top 5 2019 ワードプレス

今回は2019年春現在で、WordPress(ワードプレス)の無料の写真ギャラリープラグインのうちから、表示が綺麗で設定管理の簡単なプラグインを5つご紹介します。全てレスポンシブ対応のギャラリーを作成...

Responsive Photo Gallery 操作が簡単なワードプレスの無料写真ギャラリー

今回は操作がわかりやすくて使いやすいギャラリープラグインの「Responsive Photo Gallery – Images Gallery for...

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

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

NextGEN Gallery 設定図解 ワードプレスプラグイン

WordPress(ワードプレス)には標準の状態でもサイトに写真ギャラリー表示する機能はありますが、使い勝手としても、美しさとしても今一歩です。そこで今回は写真ギャラリーを作成するプラグイン「...

Pin It on Pinterest