画像のアップロード | That's Elementor！エレメンターとは何か？

Elementorの基本中のキホン

某Elementor初心者の方から画像アップロードの仕方が分からないとの質問がありました。キホン中の基本となるElementorのウィジェト操作について、当サイトで今まで取り上げていなかったことに気が付きました。

当然、分かっているものと勝手に解釈していましたが、これではいけないと遅まきながら当ページを追加することにしました。テストページと言うページを新規に作成して、そのページに画像を貼るElementorの基本的な操作をしてみました。

先ずは、画像アップロードするページにElementorのセクション（領域）を設定するところから解説します。設定するセクションは３段の段組みとしました。

左の要素ボックスより画像ウィジェットをドラッグ＆ドロップして、前記の３段の段組の真ん中に挿入します。（左記）

その結果、３段の段組の真ん中に画像挿入前のダミー画像が挿入されています。（下記）

左の要素ボックス欄の画像挿入前のダミー画像をクリックすることで、その後の画像アップロード処理がスタートします。

ここが肝心要の処理になります。初心者がつまずくところの一つです。左の画面挿入前の灰色のダミー画像は、右側のカスタム領域にも同じ画像が表示されている筈です。

画像挿入する際には、左側の要素ボックス側のダミー画像をクリックしないと画像挿入の処理が始まりません。

アップロード対象の画像が既ライブラリーの存在するなら、「メディアライブラリ」タブを選択して、画像一覧の中から対象画像を選択する。

もし、ここで対象画像がライブラリーに存在しない場合、「ファイルをアップロード」タブを選択して、ＰＣローカル・フォルダから該当の画像を選択する。（説明省略）

前記の「メディアの挿入」で、指定した画像に間違いがないことを確認して「メディアの挿入」ボタンを押下する。

結果として、３段の段組の真ん中に選択した画像が挿入されていること確認。

最後に、よく忘れ勝ちなことですが、「更新」ボタンを押して終了です。