WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

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

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

Cat

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

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」をクリックし「はい」にします。

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

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

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

 

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

 開催中のWordPress講座・セミナー

サイト制作&運営のお悩みを解決しませんか?

~ あなたのための特別カリキュラムでお悩み解決 ~
・制作・運営のちょっとした困ったを解決!
・集客&効率化のアドバイスも!
・オンラインレッスンだから全国どこでも参加可能
・受講後も安心!メールサポート付き

【東京開催】対面レッスンのElementor講座

~ 対面でのセミナーを再開しました~
ノーコードで簡単にデザインができる
大人気プラグイン「Elementor」の対面での講座です。

新しいWordPress作成のスタンダード!

~ Elementorでサイトデザインを作ってみよう ~
WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、
自分で自由にデザインし、テーマまで作れるオンライン講座です。

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

  新サービス開始しました

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策が
6時間しっかり学べるコンテンツマーケティング講座(オンライン開催)→詳しくはこちら

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP