HelloテーマとElementorプラグインでサイト作成してみた
ElementorとHelloでシングルページを作成しました。
↓前回の続きです。
https://sugizo.info/2020/09/01/1790/
作成した流れ（続き）
13.固定ページを新規作成
固定ページ→新規作成でタイトルをHomeにして公開します。
設定→表示設定→ホームページの表示をHomeの固定ページに変更します。
トップページがHomeに変更されます。
14.Homeをエレメンターで編集
Envato Elementsをクリックします。
Free KitsでCreative Agencyで検索し、Instrall Kitをクリックします。
ViewKitをクリックします。
Home2のInsert Templateをクリックします。
ひとつのセクションではなく、複数のセクションが追加されました。
設定アイコンから固定ページの設定の設定の固定ページレイアウトをデフォルト→Elementor全幅にして更新します。
Homeの表示が消えます。
セクションにCSS IDを付けて、メニュークリック時にスクロールするようにします。
先頭のセクションのCSS IDにhomeを入力します。
次のセクションのCSS IDにaboutを入力します。
次の次のセクションのCSS IDにservicesを入力します。
一番下のセクションのCSS IDにcontactを入力します。
更新をクリックします。以上で完成です。
14.動作確認
トップページを開きます↓
https://hello-elementor.sugizo.info/
メインメニューをクリックすると対象のセクションまで自動でスクロールします。
ヘッダーもフッターも表示されています。
レスポンシブ表示もOKです。
無償のHelloテーマと無償のElementorプラグイン
今回のように、テンプレートをEnvatoから取得し、内容を書き換えることに慣れてしまえば、短時間でサイトが作れそうです。
Elementor Proにすればもっといろいろなことができそうです。
あとはページスピードが気になります。ビルダー系のプラグインを使うとどうしても遅くなりそうですが、HelloテーマとElementorなら設定次第で問題ないスピードになることを期待してます。
今度、試します。