フロントページの画像を動画（MP4）＆スマホへ動画（GIFアニメーション）に替えた。

バックグランドを透明にしたフロントページのヘッダー画像を動画に替えてみたところ、フロントページが斬新なページに生れ変わった感じだ。

【動画（MP4）に替えてスマホと PC 用に準備】

1）iPhone で撮った動画（mov）を　MP4 に変換
　1．Adobe Express のオンラインツールで MP4 に変換した動画を「外観→ヘッダー」で動画変更
　2．自動再生（Autoplay）を最初は停止に、再生ボタンで動かすため、header.php の最下部（ の直前など）に、以下の1行をそのまま貼り付けて保存

　　<script>jQuery(document).on('wp-custom-header-video-loaded', function() { jQuery('#wp-custom-header-video').attr('autoplay', false).get(0).pause(); });</script>　

２）Adobe Expressのオンラインツールで 変換した MP4 を GIF アニメーションに変換
　1．変換したGIF アニメーションを外観→ヘッダー」に画像追加欄へ追加
　　※ iPhoneや他スマートフォンでは MP4 は不可なので、静止画像の代わりに GIG アニメーションを追加する。但し、自動再生のみで停止できない。

2．管理画面の「外観」＞「カスタマイズ」＞「追加CSS」に以下のコードを入力。

@media screen and (max-width: 767px) {
    /* PC用の動画や画像を非表示にする場合 */
    .custom-header-media video {
        display: none !important;
    }
    /* スマホ用の代替画像を表示する場合の記述例 */
    .custom-header-media {
        background-image: url('スマホ用画像のURL');
        background-size: cover;
    }
}

フロントページが透明色に変えてからバックグランドを動画にしようと試みた。大変な作業と思ったけど、iPhoneの動画（mov)をmp4に変換、変換したmp4をgif animation に変換する作業は意外とスムーズだった。
画面をスクロールするとボタンが消えるとか、ボタンの色の修正なども試した。