ホームページやランディングページ（LP）の作成で、パソコン苦手な方は、苦戦される方も多いのではないかと思います。
そこで、とっても簡単にページが作れちゃう【Elementor】の使い方のご紹介です！
先日は、「テンプレート」についてお伝えしましたが、今日は、基本的な操作方法のご紹介をします。
左側の「ウィジェット」のボタンを右側の点線で囲まれた枠にドラッグすると、それぞれのウィジェットを配置することができます
※現在レイアウトのテンプレートは「デフォルトテンプレート」を使用しています
「ウィジェット」を追加すると、左側の画面はウィジェットを編集する画面になります
ウィジェットを挿入すると、左側画面はウィジェットの編集画面になります。この状態から「ウィジェット群」を表示させたい場合は、画面左上のタイルのマークをクリックすると、ウィジェットの一覧を表示させることができます
画像の挿入
【画像】ウィジェットを、点線の枠にドラッグします
※ドラッグ中に点線の枠を外れると、禁止マーク🚫が表示され、「そこに配置することはできませんよ」ということを知らせてくれます。
ウィジェットを配置できる領域にドラッグすると、点線の枠が「青く表示」されます。そこでドロップすると、ウィジェットを配置することができます。
【画像の選択】の「Choose Your Image」をクリックします
画像ファイルをドラッグ＆ドロップするか、または【ファイルを選択】ボタンをクリックして、アップロードするファイルを選択します
挿入したい画像が選択されていることを確認して、【メディアの挿入】ボタンをクリックします
画像を挿入することができました
見出しの編集
見出しの上をクリックし（周りが薄いブルーになり、選択されている状態がわかります）左側の編集画面の【コンテンツ】タブの【タイトル】にを変更します
●文字色変更→【スタイル】タブ→【タイトル】→【文字色】から文字の色を変更することができます
●文字サイズ変更→【スタイル】→【タイトル】→【書体】から、文字のサイズ、太さ、スタイル、行の高さ等を変更することができます
●背景の色をつける→【詳細】→【背景】→【色】から、背景に色をつけることができます。
【画像】を挿入すると、背景にお好みの画像を入れることもできます
セクション
セクションという一番大きな枠があり（１列以上は配置できない）その中にカラムという枠（複数列の配置ができる）があり、その中にウィジェットを配置する…という構造になっています
●✕ 印 → セクションを削除する場合にクリックします
●タイルマーク → セクションを移動する場合に、この部分を持ってドラッグします
●+ 印 → セクション領域を追加したい場合にクリックします
セクションを削除したい場合は、セクションを選択した時に表示される上の「✕」印をクリックすれば、削除することができます
セクションを移動したい場合は、セクションを選択した時に表示される上のタイルのマークを持って、ドラッグすれば、移動することができます
※領域が青く反転表示されたところでドロップします
セクションを移動したい場合は、セクションを選択した時に表示される上の「+」印をクリックすれば、セクション領域を追加することができます
スペース
スペースを入れたい時は【スペーサー】ウィジェットを使用します
画面右側の編集画面の【コンテンツ】→【スペース】で、スペースの幅を調整することができます
ウィジェット
セクションという一番大きな枠があり（１列以上は配置できない）その中にカラムという枠（複数列の配置ができる）があり、その中にウィジェットを配置する…という構造になっています
ウィジェットを右クリックし、表示されたメニューの【複製】をクリックすると、同じウィジェットを作成することができます
ウィジェットを右クリックし、表示されたメニューの【削除】をクリックすると、ウィジェットを削除することができます
まとめ
いかがでしたでしょうか？
もうこれは、慣れ…でしかありませんね（笑）
私も、Elementorの使い方など、あまり情報が無い中、いろいろ触って、試行錯誤しながら作っています（笑）
いろいろ実際に触ってみて、やってみるのが、上達する近道だと思いますので、是非いろいろやってみてくださいね♪
