プラグインのインストールと有効化
「プラグイン」>「新規追加」をクリックし、「プラグインの追加」を開き、キーワード検索で「Elementor Website Builder」と入力して検索します。「今すぐインストール」をクリックして、インストールします。
インストールが完了したら、「有効化」をクリックしプラグインを動作させます。
プラグインの一覧に表示されていればOKです。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-10.56.48-1024x485.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-10.58.06-1024x694.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-10.55.19-1024x119.png)
「固定ページ(トップページ)」の作成とホームページ設定
固定ページを作成して、名前をトップページなどわかりやすい名前に変更し、「公開」をクリックします。
加えて、「テンプレート」の項目で「Elementor 全幅」に切り替えます。再度、固定ページの設定を更新します。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.00.37-1024x543.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.27.43-1024x346.png)
「設定」>「表示設定」を開きます。
「ホームページの表示」の「ホームページ」の項目を先ほど作成した「トップページ」を指定し、「変更を保存」をクリックします。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.05.35-1024x506.png)
メインビジュアルを作成する
トップページに戻り、画面上の「Elementorで編集」をクリックします。
クリックすると、「Elementor」の編集画面に切り替わります。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.09.16.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.09.51.png)
左側のウィジェット一覧から「動画」をドラッグ&ドロップします。
「Youtube」など動画のURLで表示できますが、今回はWordPressに動画をアップロードして表示させていきたいと思います。
「セルフホスト」を選択します。ファイルを選択の項目が表示されるので、「動画を選択」をクリックします。表示させたい動画をアップロードし、メディアを挿入します。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.13.28.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.15.01-1024x447.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.18.34.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.22.09-1024x559.png)
メニューを下にスクロールすると、「自動再生」や「ミュート」「ループ」などのオプションの選択も可能です。「プレイヤーコントロール」をOFFにするとユーザには映像が表示されるだけで操作することはできなくなります。
設定が完了したら、画面下の「更新」をクリックします。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.23.46-1024x476.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-26-11.25.42-1024x611.png)
以上でメインビジュアルの設定は完了です。
最後に実際に反映されているかチェックしてみてください。