Elementor完全マニュアル

Elementor完全マニュアル

このページはElementorのリソースページです。
Elementorを1から始めたい人もすでに使っていて新しい情報が欲しい人もElementorに関する有益な情報が見つけられると思います。
日々アップデートしていきますので是非チェックしてみてください。

それぞれのセクションの下に関連リンク集がありますので、そこに更に深掘りした情報があります。

Elementorの公式ページはこちら

Elementorは無料ですが、更に優れたPro版もあります。
Elementor Proの購入方法はこちら

Elementorとは

Elementorとは世界中で大人気のドラッグ&ドロップでサイトを構築できるWordPressの無料プラグインです。
コードを書かずに感覚的にページを構築出来るため、その人気は上昇し遂にはWordPressで人気のプラグイントップ10に入りました。
その無料版は現在400万以上のサイトで使われています。
そしてFacebookの公式グループは5万人を超える巨大コミュニティを形成しています。
Elementorは有料版のPro以外にも沢山のプラグインが存在しその拡張性は高いです。

日本でも沢山のサイトがElementorを使って作られています。
この記事からElementorを使って作られた10のウェブサイトを紹介しています。

Elementorの使い方

Elementorをインストール

Elementorの通常盤は無料のプラグインですので、WordPressのプラグインセクションからサーチしてインストール可能です。
実際にインストールしてから、ページを作り出すまでを説明した動画はこちらです。
Elementorの始め方(動画)

Elementorのインストール

『Elementor』とサーチして、インストールしてみましょう。

Elementorの基本操作

Elementorの基本操作はドラッグ&ドロップ

Elementorの基本操作は『Divi』と同じでドラッグ&ドロップです。
コードはいらずわかりやすい操作画面から感覚的にページを構築していきます。

ページ制作の流れ

  1. セクションのレイアウト選択
  2. ウィジェットをドラッグ&ドロップ
  3. ウィジェットの編集
  4. セクションを積み上げていく

ウィジェット

Elementor基本ウィジェットリスト

Elementorには29の基本ウィジェットがあり、Pro版になると倍になります。
基本ウィジェットの中にも役に立つものが沢山あります。
これらを組み合わせて、かっこいいページを作っていくわけです。

Elementorウィジェット関連リンク集

テンプレートライブラリで、綺麗なレイアウトをロード

Elementorのテンプレートライブラリ

Elementorのテンプレートライブラリとは、沢山のすでに完成したレイアウトやセクションををページにロードできる機能です。
Pro版になると更に使えるテンプレートが増えるんです。
1からサイトを作らなくてもいいわけですね。

テンプレートライブラリ関連リンク集

Elementor Pro

Elementor ProはElementorに更にウィジェットや役立つ機能を追加した有料版のElementorです。

Elementor Proで再利用可能なテンプレートを作る

Elementorで再利用可能なテンプレートを作る

Elementorにはテンプレート機能がついており、セクションやページをテンプレートとして保存し、使い回すことができます。
Elementor Proになるとこれがテーマビルダーとして拡張され、更にオプションが増えます。

セクションやページ全体をテンプレートとして保存可能

Elementorで作ったレイアウトは再利用可能

Elementorでページを作ってる途中に気にったセクションやレイアウト全体をテンプレートとして保存することができます。

ページ間やサイト間でもテンプレートを共有可能

作成したテンプレートはエクスポートすることができ、ページ間だけでなくサイト間でも共有可能なんです。

Elementorのテンプレートに関するリンク集

Elementor Proのテーマビルダー

Elementor Proのテーマビルダーとは通常テーマがコントロールする部分のテンプレートをElementorで作れる機能です。
文字通りテーマを作っていくビルダーです。
これはPro版の機能ですが、かなり使われる必須のツールです。
例えば、サイトのヘッダーは通常テーマがコントロールするものですが、Elementor Proで自由に作ることができます。

テーマビルダーで作れるテンプレートの種類

  • ページ (無料版可)
  • セクション(無料版可)
  • Popup
  • ヘッダー
  • フッター
  • Single
  • Archive

これらのテンプレートをElementor Proで作ることが可能です。

テーマビルダーに関連したリンク集

Elementor Proの使い方関連リンク集

Elementorのプラグイン

Elementorには様々な拡張プラグインがあり、新しいウィジェットを追加したり、中にはElementor自体に新しい機能を追加するものもあります。
プラグインの代表的なのが、Elementor公式プラグインであるElementor Proです。
上で紹介したテーマビルダーもElementor Proの機能です。
もし購入を考えてる方は、こちらのリンクで詳しく購入からインストールまで説明しています。
Elementor Proの購入完全ガイド

Elementorのプラグイン関連リンク集

Elementor用のWordPressテーマ

Elementorはプラグインなので、テーマと一緒に使います。
その時に相性のいいテーマや、Elementorと使う事を前提に作られたテーマもあります。
相性が悪いとサイト自体が遅くなることも。

Elementorとを使う事を前提に作られた無料テーマ

詳しく知りたい方はこの記事でElementorと相性のいいテーマを紹介しています。
>>Elementorと使うべきテーマはこの7つから選ぶべし!【じゃないとサイトが遅くなります】

Astraは特にElementorと相性抜群

Astraは高速でこのサイトも現在使っています。
AstraはElementorのサイトを構築するのに沢山のテンプレートサイトが入っていて、そこからウェブサイトを一気に作ることが可能です。
詳しくはこの記事からどうぞ。

Elementor高速化

Elementorが重いという情報も見ますが、原因は通常のWordPressサイトが遅くなる原因と変わりません。
一つだけElementor特有の問題があるとすると、それはElementorが日本のテーマとは相性がよくないということです。
Elementorを使う時は海外のテーマと使う事をオススメします。

Elementorの高速化に関する情報リンク集

Elementorの不具合と解決方法

時にElementorの不具合も発生することがあります。これは大概サーバーや使ってるプラグイン、そして上でも上げましたがテーマとの相性によるものがほとんどです。
この記事で不具合の原因と解決方法について説明しています。
>>Elementorの不具合の原因はこの中にある!【500&502エラーも解決】

Scroll to Top