ELEMENTOR ( エレメンター）をワードプレスで使えるようにする
ELEMENTORはWordPress（ワードプレス）で使えるプラグインです。
複数のワードプレスのサイトをお持ちであれば、それぞれのサイトに追加する必要があります。
まず、プラグインのインストール手順を解説します。
１．プラグインのページでELEMENTORを検索
WordPressの①プラグイン②新規追加をクリックしてページへアクセスします。
③プラグインの検索枠に「ELEMENTOR」と入力しエンターキーを押します。
2. ELEMENTOR のをクリックしてインストール開始する
いくつかの候補のプラグインが表示されますが、下記アイコンのElementor Website Builderのプラグインを探してインストールボタンをクリックします。
インストールが開始され終わると「有効化」ボタンが表示されますので、クリックします。
（有効化しないと使えませんのでご注意ください）
3.ELEMENTORの設定をする
プラグインを有効化するとELEMENTORの公式サイトへアクセスします。
このページはELEMENTORの会員登録ページです。必要であれば後でもできますので、とりあえずは右上の「×」ボタンをクリックしてページを閉じます。
次にELEMENTORの設定をするために左サイドバー「プラグイン」→「Elementor」の設定をクリックします。
下記のようなページになりますので、ELEMENTORを使用するページにチェックを入れ変更を保存をクリックします。（ランディングページを作成する場合は必ずチェックを入れてください。）
他の設定については、また必要に応じて行ってもらうといいと思います.
これでELEMENTORを使う準備が整いました。
ELEMENTOR 使い方解説
1.ELEMENTORのエディター画面へのアクセス方法
ELEMENTORを使うときはワードプレスの投稿画面からELEMENTORのエディター画面へのアクセスボタンをクリックして行います。
ただしボタンをクリックする前にしておくことがあります。
- 投稿タイトルを入力
- カテゴリー、タグ等の設定
- アイキャッチ画像の設定
最低限これだけはして「下書き保存」しておきましょう。
ここまでできましたらELEMENTORで編集のボタンをクリックします。
少し待つとELEMENTORの編集画面にアクセスできます。
2.ELEMENTORの基本的な操作方法
編集画面は下記のような画面になります。
- 左のウェジット①から使いたいものを右の編集画面②に直接ドラッグ＆ドロップ
- ドロップしたウェジットをクリックすると、左側に編集画面が表示される
- コンテンツの作成、スタイルの設定、細かい設定をする
- 右に編集したものがプレビューで表示される。
3. 編集例１：画像を投稿する
ではELEMENTORで画像をアップロードして編集する手順をご紹介します。
1.ウェジットメニューから画像ウェジットを選択
左のウェジットメニューから画像を選択し右のボックスにドラッグしドロップします。
２．画像ウェジットを編集
ドラッグドロップすると、左に画像をアップロードする画面が出てきます。
クリックし、画像アップロードします。
画像をアップロードし
- 画像のサイズ
- 配置
- キャプション
- リンク
の設定をします。
即座に右側に反映されます。
3．画像のスタイルや詳細設定をする
画像の編集画面の上部タブに「スタイル」「高度な設定」というものがありますが、この中に画像を装飾したり、動きを持たせたりできる機能があります。
通常はCSSやHTMLのタグを書いて表現するものですが、ELEMENTORでは一切それが無用です。気になるものがあれば試してみてください。
例えば画像の周りに二重線で囲み角に丸みをつける場合は「スタイル」タブから下記のように設定します。
他にも画像に影をつけたり、画像の透明度を変えたり、画像に画像を重ねたり、様々なことができます。
4.ページの編集後は保存する
ELEMENTORで編集後は左メニューの一番下の「公開ボタン」横の矢印をクリックすると、「下書き保存」「テンプレート保存」という項目が出てきます。
一時的な保存の場合は、「下書き保存」をクリックします。保存しないで元のページに戻ったりすると、それまでの編集した部分が消えてしまいますのでご注意ください。
また、作成したページをテンプレートとして保存しておくと、同じような形式の投稿をする場合に再編集して利用できますので便利です。
その場合は「テンプレート保存」をクリックしてテンプレートの名前をつけて保存します。
公開が可能な状態であれば、「公開」ボタンをクリックして投稿を公開します。
５.テンプレートを呼び出す方法
保存しているテンプレートやプロのデザイナーが作ったテンプレートは編集ブロックのファイルアイコンをクリックして呼び出せます。
まとめ
- ELEMENTORは、ドラッグ＆ドロップで使いたい機能が使える
- スタイルや高度な設定を使うとさらに細かい設定もできる
- 作成したブロックやページはテンプレートとして保存できる。
- 保存したテンプレートやプロが作ったテンプレートはいつでも呼び出して再利用できる。
ELEMENTORプラグイン
無料で使えるWordPress－ワードプレスのエディタープラグイン。
プラグインページから検索してインストールできます。
詳しい機能や最新情報はこちら。