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

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

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

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

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

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

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

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

Photoshopを使ってコマ送り動画 を作成する アニメーションGif

今回は Photoshop を使って複数の写真からコマ送り動画を作成する方法を図解します。最終的にアニメーション Gif として保存します。Photoshop を使ってコマ送り動画を作成する...

Pin It on Pinterest