背景に動画を入れる方法|フッターの背景に猫動画入れてみました

少しづつ当サイトをリニューアルを裏側で進めていますが、

Elementorプラグインでフッターを少し可愛くしようと思います。

フッターとは
ヘッダーやフッターは、ホームページ制作では必ず知っておくべき単語です。

    • ヘッダー・・頭のhead、にerをつけたヘッダーは、ウェブサイトの頭の部分【ロゴやメニューのある上部分】
    • フッター・・足のfoot、にerをつけたフッターはウェブサイトの足にあたる部分【下のところです】

フッターですが、

せっかくなので、少し遊び心を入れて見ようと思いフッターの背景に画像ではなく

動画を入れてみました。

こんな感じです。

 

使用プラグインについて

Elementorプラグイン の拡張プラグインとして、無料のプラグイン、Elementor – Header, Footer & Blocks Templateを使用しています。

Elementor – Header, Footer & Blocks Template

操作方法について

 

Image from Gyazo

 

手順について

  1. 背景のセクションを選択します
  2. セクション編集の「スタイル」をクリックします。
  3. 背景の「背景タイプ」で「動画」をクリックします。
  4. 動画リンクに既に背景用でアップロードしたYou Tubeの動画のURLを入力しました。

スマホでも動画を再生するには

  1. スマホでも動画を見られるようにするには「Play On Mobile」をクリックし「はい」にします。

これでスマホでも見られます。

ただ、スマホでは表示が遅くなる場合にはオンにしない方が良いと思います。

動画の変わりに画像がいい場合は、背景ウォールバックに画像を入れます。

 

【YouTubeはじました】過去セミナーやサイト運営ノウハウを無料で!

8年前からやるやる詐欺状態だったYouTubeを始めます。
過去動画や補足講座やWordPressだけでなく、画像編集や集客やドメイン&サーバー等色々とセミナーで行ってきた内容や皆さんに知っておいて欲しいノウハウを無料で視聴できます。
動画アップロードに時間かかっていますが今月中には手持ちの動画を順次載せていきますね。
チャンネル登録もよろしくお願いしますm(_ _)m