Elementorのセクションの背景に動画を入れた事例です。

画像の説明

画像の説明


上記の2例は、WordPressのElementorでページ編集した背景動画の実装事例となります。挿入されている動画はYouTube動画です。元々は、Elementorの無料テンプレートの中で使用されていた動画を再利用させて貰っています。

このような背景動画は、Elementorのセクションという領域に、静止画を設定する感覚で、簡単に動画を埋め込むことができます。そして背景オーバーレイというElementorの機能で、動画の上に濃いブルーの色を透明度50%の透過率で被せています。

このブルー色の背景オーバーレイは、動画の上に設置されたアイコンボックスの白いテキストを、浮き上がらせるために使用されます。このような一見難しそうな背景動画の実装は、Elementorだからできる朝飯前の離れ業設定なのです。


新WordPress塾(2019年版)のご案内です。

「WordPress+ELEMENTOR+個人レッスン付き」の藤心の新しいWordPress塾を開講しております。この機会にWordPressをマスターしたいQHM及びHAIKユーザー向けの最適な移行プログラムとなっております。