こんにちは、エーアイティ研究所です！この記事では、Elementor Proの基本操作について説明していきます。

この記事は、この様な方に向けて書いております。

  • WordPressもElementorも初めて触るけど、
  • Elementorで制作したサイトを運用するために、Elementorを覚えたい。
  • Elementorで記事を投稿したり、修正ができる様になりたい！

制作会社などで、Elementorでサイト制作をしてもらった場合、自分で保守していけれるのがベストです。
この記事を読めば、自社のサイトを更新、編集方法がわかります。

まずは、ワードプレスの管理画面に入ろう！

準備するもの3点
制作会社などに制作してもらった方→情報をもらっているはず
自分で WordPressをインストールした方→自分で設定した情報

  • 管理画面のURL→このURLを開く
  • ユーザー名
  • パスワード

これは、制作会社から説明を受けているかと思いますが、
この3点があれば、 WordPressの管理画面にログインできます。

すると、このような画面が出ます！これが WordPressの管理画面ログインページです。

ここにユーザー名とパスワードも入れましょう。すると、管理画面が開きます。

この画面が WordPressの管理画面です。

基本的に、ワードプレスのサイトはここから更新や編集をしていきます。

Elementorで固定ページを編集する

まずは、固定ページをElementorで編集してみましょう。

固定ページの一覧の中の、編集したいページにカーソルを当てると、メニューが出てくるので、その中の「編集」を選択します。

これがElementorの編集画面です。いよいよElementorを使用することができます。

左側がウィジェット(サイトを構成するパーツ)で右側がサイトの見た目そのままの編集画面になっています。

この画面を参考にして、Elementorの使い方をご説明していきます

Elementorの基本操作(動画)

動画で参考ページの「DX学校とは」ページを編集している様子です。よく内容が理解できなくても、実際にこんな感じで作っていくんだなと言うことが伝わればOKです。

左側に出ている画面と、右側の画面を使って、ドラックアンドドロップや変えたい箇所の数字や色などを変えていくことで、表示したいように表示できます。

編集画面の右下の公開をすれば、すでにサイトに公開することもでき、簡単にサイトを制作することができます。

テキストの修正方法

出来上がったサイトを運用する際に、ここの文字を変更したいという場合についてです。

テキストの編集方法は、とても簡単です。編集したいテキストを選択します。

そのまま、テキストを編集することもできますし、左側に出てくる編集画面からでも編集可能です。

画像の変更方法

次に、よくある画像の変更方法についても簡単です。

まず、Elementorの編集画面で、編集したい画像を選択します。

すると、左側が、画像編集画面に変更されるので、「画像の選択」から画像を変更していきましょう。

実際にやってみましょう。

画像を入れたいけど、 WordPress上にどうアップロードしたらいいかわからない場合、次で説明します。

画像のアップロード方法

写真を新しくアップロードする方法を説明します。

ワードプレス上には、写真や動画などのメディアを保存しておく、メディアライブラリというものがあります。

ワードプレスの管理画面から画像をアップロードしたり、既にアップロードされている画像を確認する場合、左側のメディアと言うところで操作できます。Elementorで画面編集をしている途中でも同様の操作ができるのでご説明します。

この画像を新しい画像に変えたいとします。

画像編集画面から、「画像の選択」を選択します。

この画面ができるので、左側のファイルをアップロードを選択します。

ファイルを選択か、ドロップして画像などを選びます。

これで画像を入れることができます。

まとめ

最初は、ワードプレスの管理画面やElementorの編集画面などの使い方がわからず、難しいと感じる方もいると思いますが、そこを覚えて仕舞えば、これからの運用が楽になります。

エーアイティは集客に強いサイトを制作し、自社で運用ができる様になるよう伴走サポートしております。

何か不明な点がございましたら、お気軽にご連絡ください。
また、「〇〇がなかなか覚えられないので、こういう記事があると良い！」というご意見もお待ちしております。