Elementor(エレメンター)とは?

Elementor(エレメンター)とは?
ドラッグ&ドロップ直感的にページのレイアウトを作成したり、様々なウイジェットを組み込むことでプロフェッショナルな見た目のページの作成が可能となります。
ざっくり言うと簡単にかっこいいホームページが作れるんです!笑
これ以上説明すると専門用語が出てきそうなのでとりあえずどんな感じなのかをやってみたいと思います!!
使い方の例として僕のホームページで触っていきますね。 (2)

使い方の例として僕のホームページで触っていきますね。
これが僕のホームページの編集をしていく「管理画面」です。⬆︎

3つのボタンの後に写真を載せたかったとします。
その時は左の「画像」の所をドラッグ&ドロップで「ウィジェットをここにドラッグ」の所に持っていきます。⬇︎
使い方の例として僕のホームページで触っていきますね。 (3)
そしたらこんな感じの画面になります。⬇︎
スクリーンショット 2019-05-19 17.57.26
画面の所をクリックすると⬇︎
使い方の例として僕のホームページで触っていきますね。 (4)
この様な画面になります。⬇︎
僕の場合は今までアップロードした写真があるので現在たくさん写っていますが最初の時は空っぽかデフォルトの写真があるかと思います。

そして「ファイルをアップロード」をクリックすると
使い方の例として僕のホームページで触っていきますね。 (5)
この様な画面になるので「ファイルを選択」を押すとご自身が管理されてる画像フォルダ?があると思いますのでそこから画像をアップロードしてください。
使い方の例として僕のホームページで触っていきますね。 (6)
そして画像をアップロードすると⬇︎
スクリーンショット 2019-05-19 20.57.36
おっ美味しそう・・・
なぜかドーナツの画像を選択してしまいました。
とっ!こんな感じで簡単に編集をする事が出来ます!
基本的にはこの様な編集の仕方でホームページを制作していきます。
そして動きのあるホームページを作る事もとても簡単に出来るんです!

大まかな使い方がわかると後は細かい所の微調整でホームページを作っていく感じでその細かい所もCanvaを使ったりするととってもお洒落なホームページを作る事が出来ます♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です