【初心者でも簡単!】WordPressのプラグイン<Elementor>の基本的な使い方2

ホームページやランディングページ(LP)の作成で、パソコン苦手な方は、苦戦される方も多いのではないかと思います。

そこで、とっても簡単にページが作れちゃう【Elementor】の使い方のご紹介です!

→【Elementorのインストール方法はこちら】

→【Elementorの基本的な使い方1はこちら】

 

先日は、「テンプレート」についてお伝えしましたが、今日は、基本的な操作方法のご紹介をします。

●画像の上をクリックすると画像が拡大表示されます
※画像サイズによっては大きく表示されない場合もあります
1)Elementorの編集画面1

左側の「ウィジェット」のボタンを右側の点線で囲まれた枠にドラッグすると、それぞれのウィジェットを配置することができます

※現在レイアウトのテンプレートは「デフォルトテンプレート」を使用しています

2)Elementorの編集画面2

「ウィジェット」を追加すると、左側の画面はウィジェットを編集する画面になります

3)ウィジェット群を表示させたい場合

ウィジェットを挿入すると、左側画面はウィジェットの編集画面になります。この状態から「ウィジェット群」を表示させたい場合は、画面左上のタイルのマークをクリックすると、ウィジェットの一覧を表示させることができます

画像の挿入

画像を挿入してみましょう

【画像】ウィジェットを、点線の枠にドラッグします

※ドラッグ中に点線の枠を外れると、禁止マーク🚫が表示され、「そこに配置することはできませんよ」ということを知らせてくれます。

ウィジェットを配置できる領域にドラッグすると、点線の枠が「青く表示」されます。そこでドロップすると、ウィジェットを配置することができます。

【画像の選択】の「Choose Your Image」をクリックします

画像ファイルをドラッグ&ドロップするか、または【ファイルを選択】ボタンをクリックして、アップロードするファイルを選択します

挿入したい画像が選択されていることを確認して、【メディアの挿入】ボタンをクリックします

画像を挿入することができました

見出しの編集

見出しを編集してみましょう

見出しの上をクリックし(周りが薄いブルーになり、選択されている状態がわかります)左側の編集画面の【コンテンツ】タブの【タイトル】にを変更します

 

●文字色変更→【スタイル】タブ→【タイトル】→【文字色】から文字の色を変更することができます

●文字サイズ変更→【スタイル】→【タイトル】→【書体】から、文字のサイズ、太さ、スタイル、行の高さ等を変更することができます

●背景の色をつける→【詳細】→【背景】→【色】から、背景に色をつけることができます。

【画像】を挿入すると、背景にお好みの画像を入れることもできます

セクション

全体構造

セクションという一番大きな枠があり(1列以上は配置できない)その中にカラムという枠(複数列の配置ができる)があり、その中にウィジェットを配置する…という構造になっています

セクションで表示されるボタンの意味

●✕ 印 → セクションを削除する場合にクリックします

●タイルマーク → セクションを移動する場合に、この部分を持ってドラッグします

●+ 印 → セクション領域を追加したい場合にクリックします

セクションを削除したい場合

セクションを削除したい場合は、セクションを選択した時に表示される上の「✕」印をクリックすれば、削除することができます

セクションを移動したい場合

セクションを移動したい場合は、セクションを選択した時に表示される上のタイルのマークを持って、ドラッグすれば、移動することができます

※領域が青く反転表示されたところでドロップします

セクション領域を追加したい場合

セクションを移動したい場合は、セクションを選択した時に表示される上の「+」印をクリックすれば、セクション領域を追加することができます

スペース

スペースを入れたい時は【スペーサー】ウィジェットを使用します

画面右側の編集画面の【コンテンツ】→【スペース】で、スペースの幅を調整することができます

ウィジェット

セクションという一番大きな枠があり(1列以上は配置できない)その中にカラムという枠(複数列の配置ができる)があり、その中にウィジェットを配置する…という構造になっています

同じウィジェットをコピーしたい場合

ウィジェットを右クリックし、表示されたメニューの【複製】をクリックすると、同じウィジェットを作成することができます

ウィジェットを削除したい場合

ウィジェットを右クリックし、表示されたメニューの【削除】をクリックすると、ウィジェットを削除することができます

まとめ

いかがでしたでしょうか?

もうこれは、慣れ…でしかありませんね(笑)

私も、Elementorの使い方など、あまり情報が無い中、いろいろ触って、試行錯誤しながら作っています(笑)

いろいろ実際に触ってみて、やってみるのが、上達する近道だと思いますので、是非いろいろやってみてくださいね♪

  • 今すぐクリック‼
  • 今すぐクリック‼
  • 今すぐクリック‼
  • 今すぐクリック‼

8つのステップで、
SEOに強いWordPressを簡単導入!

「売り込まないネット集客成功法」をダウンロードすると、「ここから始めよう!WordPress」もダウンロードできます。

WordPressのインストール方法、レンタルサーバの登録方法、独自ドメインの設定方法、常時SSL化の設定方法などが記載されているので、これを設定しちゃえば、WordPressの導入が簡単にできちゃいます‼

「ここから始めよう!WordPress」のダウンロードはこちら
8つのステップで、SEOに強い「WordPress」を簡単導入できます‼

「ここから始めよう!WordPress」は、これからWordPressを導入したい方向けに、レンタルサーバーを登録するところから、WordPressの初期設定までの一通りが書いてあるマニュアル本です。ぜひあなたのホームページ作成にお役立てください♡

<目次>

ステップ1:レンタルサーバーを借りよう!
ステップ2:独自ドメインを取得しよう!
ステップ3:取得したドメインをサーバーに追加しよう!
ステップ4:データベースの設定
ステップ5:WordPressをインストールしよう
ステップ6:homeを削除する方法
ステップ7:無料SSLを設定しよう
ステップ8:WordPressの初期設定