Elementor とは?
Elementor は、WordPress 向けのビジュアルページビルダーです。見出し、画像、ボタンをドラッグして配置し、仕上がりを確認しながらページを作れます。コードを書く必要はありません。
エンジニアに相談する ナレッジベース
どういうものか
プラグインとしてインストールし、WordPress の上にデザインエディターを追加します。各構成要素はウィジェットと呼ばれます。ウィジェットを行と列に配置し、余白、フォント、色、スマートフォンでの見え方を調整します。
無料版には基本のウィジェットがあります。有料の Pro 版では、ウィジェットが増え、ヘッダー、フッター、テンプレート用のテーマビルダーとフォームビルダーが加わります。Pro は年間サブスクリプションで、期限が切れても Pro の機能は使えますが、更新は受けられなくなります。
企業にとって重要な理由
- テーマではできないレイアウト:固定のテーマが提供する範囲に縛られず、トレーニングを受けた編集者なら、後から開発者なしで変更できます。
- 見たまま編集:スタッフは、テキストや画像を変更しながら、訪問者に表示される状態を確認できます。
- ページの重さが増える:ビルダーは独自のコードとスタイルを追加します。入れ子のセクションを多用したり、大きな画像や追加アドオンを重ねたりといった使い方をすると、ページの読み込みが遅くなります。
- プラグインへの依存:この方法で作ったコンテンツは、Elementor がインストールされていなければ動きません。後で別のビルダーに移るには、ページを作り直す必要があります。
KawaConnect における Elementor の扱い方
Elementor を使って WordPress 上でお客様のサイトをデザイン、構築し、自社で運用するインフラでホスティングします。レイアウトは階層を浅くし、画像は表示スペースに合わせたサイズにして、アドオンの導入は最小限にします。
公開前には、エディターのプレビューだけでなく、訪問者のブラウザーで表示される状態で完成したページを確認し、Lighthouse を実行して速度の問題を洗い出します。公開後は、プラグインを最新に保ち、サイトをバックアップします。検索関連の設定については Yoast SEO をご覧ください。
関連サービス
詳しく見る
- Wikipedia の Elementorプラグインと開発元の簡単な背景。ページビルダーが初めての方向け。
- Elementor 公式サイトベンダー自身による機能とプランの概要。無料版と Pro 版を比べるときに役立ちます。
- Elementor ヘルプセンター自分でページを編集する方向けの、公式のハウツー記事。