Elementorとは、ノーコードでWordPressのページが構築できるページビルダープラグインです。Elementorによって提供されているウィジェットを組み合わせてページを作ることができるので、HTMLやCSSの知識が無くてもページを作ることができます。 今回は、Elementorの使い方や基本機能、料金プラン、Elementorの利用におすすめのテーマなどをご紹介したいと思います Elementorとは Elementorとは、コードを書かずにブロックを組み合わせてWordPressのページが構築できるプラグインです。 通常、HTMLやCSS、PHPなどの知識が無ければWordPressのページをカスタマイズすることはできませんが、Elementorを使えば誰でも簡単にドラッグ＆ドロップでWordPressのページを作ることができます。 Elementorが注目される理由には、下記のようなものがあります。 ドラッグ＆ドロップでWordPressのページが構築できる テンプレートも豊富で、デザインが苦手な方にもおすすめ 無料で使える　※有料プランあり WordPressでは使えないWebサイトビルダーはいくつかサービスが展開されていますが、WordPressのサイトでページビルダーが使えるというのがElmentorの大きな特徴です。 Elementorの使い方 Elementorのインストールから、実際にページを作成するまでの手順をご紹介します。 Elementorをインストールする まず、WordPressの管理画面からElementorのプラグインをインストールします。「Elementor Website Builder」という名称で公開されているので、検索してインストール、有効化を行いましょう。 WordPressのメニューに新しく「Elementor」の項目が追加されたら、インストールは完了です。 テーマの標準デザインを無効化する Elementorは、WordPressで使用中のテーマのデザインに沿ったページの中でもウィジェットを利用することができますが、テーマのデザインを無視して全く新しいデザインのページを作ることができます。 真っ白な状態からElementorでページを構築したい場合は、まず投稿作成画面、もしくは固定ページ作成画面で「テンプレート」を「Elementorキャンバス」に変更します。 通常、WordPressはテーマファイルで用意されたヘッダーやレイアウト、フッターなどの要素が表示されますが、テンプレートをElementorキャンバスに変更することでそれらをすべて非表示にすることができます。 使用しているテーマのデザインのままElementorを使用したい場合は、テンプレートの変更は行わなくてOKです。 Elementorの編集ページを開く ElementorをWordPressにインストールして有効化すると、投稿や固定ページの上部に「Elementorで編集」というボタンが表示されるようになります。 このボタンを押すと、下記のようなElementorの編集ページを開くことができます。 もちろん、Elementorを使用したくないページでは従来の編集画面で投稿や固定ページを作成、編集することができます。 ウィジェットでページを構成する Elementorの一番の魅力は、ウィジェットを組み合わせて簡単にページが作れるという点です。 ウィジェットはElementorの編集画面の左側に表示されていて、ここからドラッグ＆ドロップで右側のプレビューにウィジェットを追加することができます。 ページに追加したウィジェットをクリックすると、左側のメニューがウィジェットの設定に表示が切り替わります。ウィジェットの編集では、サイズや色の変更など、ウィジェットに合わせた様々な設定を行うことができます。 無料版と有料版で利用できるウィジェットの数が異なり、有料版に登録することでさらに多くのウィジェットを利用できるようになります。 Elementorのテンプレートを利用する 次は、Elementorで用意されている「テンプレート」の使い方をご紹介します。 テンプレートとは、ブロックや固定ページのデザインテンプレートのことで、予めデザインされたブロックやページを簡単に利用することができる機能です。 テンプレートを利用するには、まずElementorの編集画面からフォルダのアイコンのボタンをクリックします。 すると、下記のように上部に「ブロック」「固定ページ」「テンプレート」の3つのタブが表示されたライブラリのポップアップが表示されます。 ブロック、固定ページ、テンプレートはそれぞれ下記のような意味を持ちます。 ブロック セクションごとに分けられたデザイン済みのブロック 固定ページ ページ全体のデザインテンプレート テンプレート 自分で作成済みのElementorのブロックやページをテンプレートとして保存し、再利用できる機能 ブロックや固定ページは、無料版と有料版で利用できるものが異なり、有料版に登録するとより多くの種類のブロックや固定ページを利用できるようになります。 例えば、固定ページの場合好きなものを選択すると全体のプレビューを見ることができます。 そして、最後に「挿入」ボタンをクリックすると、Elementorの編集画面の中にライブラリから選択した固定ページのテンプレートが反映されます。 また、それぞれのテンプレートはElementorのブロックで作られていて、ドラッグアンドドロップで簡単に編集することができます。 Elementorのメリット・デメリット Elementorのメリット ウィジェットやテンプレートによってノーコードでページが作れる WordPressにはブロックエディタがありますが、これは投稿や固定ページのコンテンツを作成するためのものであって、ページのデザインや構成をカスタマイズするためのものではありません。 一方で、Elementorのウィジェットやブロックはページ全体の構成やデザインを作成することができます。これがElementorの画期的な点であり、人気が高い大きな理由の1つです。 WordPressでオリジナルデザインのサイトを作る場合、HTMLやCSS、PHP、そしてWordPressの知識やスキルが必要になりますが、Elementorを使えばドラッグ＆ドロップでウィジェットを組み合わせることでオリジナルデザインのページを作ることができます。 細かい所まで手が届く高クオリティなページビルダー Elementorで提供されているページビルダーは、様々な設定が変更可能です。文字サイズや色などが変更できることはもちろん、マージンやパディングに加え、スクロール時の効果や画像のマスクなどCSSを使ってWebページのデザインを整える時と同じ感覚でページを作ることができます。 […]

Read more of this post