見出し画像

【Elementor】初心者でも感覚的にサイトデザインができるプラグイン

こんにちは。
WordPressってなに?プラグインってなに?Elmentorってなに?
サイトなんて自分で作れるの?
と何もできない、知らない状態だった私がオンライン講座でWordPressの使い方を学び、Elmentorを使い始めてから約半年。
フットサル・サッカーのユニフォームやグッズの販売をしている会社のHPを作成しました。
このサイトを作りながらサイト作るの楽しいぞ、とどんどん面白さを感じていったので今回はElmentorがどんなものなのかこんなところが面白い!といった楽しいポイントを書きたいと思います。

WordPressってなに?

WordPressとは無料で使えるホームページ作成ソフトです。
アメーバブログやはてなブログなど登録するとブログが始められるサービスよりもデザインのカスタマイズが自由なこと、アフィリエイトなど広告を収入とするブログが始めやすいことがWordPressのいいところだと思います。
しかし、自在にカスタマイズするにはプログラミングが必要だったり、初心者にはハードルが高いとも言われます。

わたしもオンライン講座で学んだときはHTML、CSS、PHPを使って卒業までに1つのサイトを作成しましたが、自分の思った通りに作るには知識をもっと増やしてかなりの経験が必要だなと感じ、短気のわたしにはそこにたどり着くのがいつなのか、自分が完璧!と思えるまで頑張り続けることができるのか。オンライン講座を体験したからこその挫折のような感情を抱きました。
WordPressのプログラミングはそれくらい初心者にとって始めやすく続けやすいものではなかったということです。

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

Elmentor(エレメンター)とはWordPressの機能を拡張するプラグインの一つです。
使い方は内蔵されているウィジェット(ページに入れたいパーツ)を一覧の中から選び、ドラッグ&ドロップで置きたい場所に配置していきます。
あとはテキストを入力したり、画像を挿入したり画面で自分の行っている動作を確認しながら好きなようにカスタマイズができます。

先ほど少し説明したWordPressでホームページを作成する場合に必要なHTMLやCSS、PHPなどの難しいプログラミングがわからなくても、自分が見ているままに感覚的、直感的にページを作っていくことができるというのがElmentor(エレメンター)のすごいところ。
無料版とPRO(有料版)があり、無料でもお問い合わせ専用のページを作ったり、ランディングページを作ったり1ページのみを作成する機能が充実しています。
一方、会社のHPを作ったり、ブログを書いたりといくつものページを作って1つのHPを作る場合はPRO(有料版)がおすすめです。
ちなみにわたしが作ったサイトはPRO(有料版)で作っています。

感覚的に作るってこういうこと。

では「Elmentor(エレメンター)で感覚的に作る」とはどういうことか?
まずはざっくりこんな感じという動画を見ていただけたら感覚的ってこんな感じか!というのが少し分かっていただけるかなと思います。

左側にあるウジェットの一覧から使いたい機能を選んで右側にドラッグ&ドロップで移動するだけでテキストやボタンが配置できます。
この動画はすごくシンプルな動きになっていますが、さらにテキストに動きをつけるアニメーション機能や文字をクリックすると違うページに飛ぶようにリンクをつけたり・・・
ここから自分の思った通りにデザインができます。
プログラミングなしで!

レスポンシブ対応がすごい。スマホ画面用のデザインも簡単!

オンライン講座を受講したときに「最近ではサイトを閲覧するデバイスはデスクトップではなくスマホが多い」と座学で言っていたのに、授業の中ではスマホ用のサイトの作り方を教えてはくれませんでした。
正直ここが一番困ったポイントだったかもしれません。

Elmentor(エレメンター)ではボタン一つで表示切替をしてくれるのでデスクトップ・タブレット・モバイルのサイズを画面で見ながら同じ内容のデザインを簡単に調整ができます。

スクリーンショット 2020-05-11 15.27.00

他の優秀プラグインと合わせて使うことも。

Wordpressでは基本の機能以外にもこんなことができたらいいな、と思う必要な機能をプラグインを追加することで簡単に拡張することができます。
しかし、プラグイン同士がケンカしてうまく作動しないこともありますし、プラグインを増やすことでサイト自体が重くなってしまって見てくれている閲覧者に不快な思いをさせてしまうこともあります。

Elmentor(エレメンター)もプラグインの一つなのでその点を心配していましたがWordpressを触ったことがある人なら知っているであろうプラグインを試した結果、今のところケンカをして作動しないなどの不具合はでていません。
むしろ、Elmentor(エレメンター)をさらに使いやすく楽しくするための相性がいい人気プラグインやテーマが多いなと感じてます。

必要最低限のプラグインでサイトが作れるほうが良いと言われますが、やはり初心者はプラグインをうまく使っていくことでこんなことができるの?!と嬉しくなることも多いですし、もっとこんな風にしたいというアイディアの幅も広がると思います。

まとめ:まだまだ紹介したい機能がたくさん

ざっくりElmentor(エレメンター)のこんなところが好きという点を紹介しましたが、各ウィジェットの使い方や相性のいいテーマやプラグインの紹介などをこれからどんどん発信していきたいと思います。

Elmentor(エレメンター)に興味を持ち始めた頃、ネット上での情報が少なく苦労した記憶があります。そんな中でElmentor Fanさんにはかなりお世話になりました。
いろんな紹介をされているのでElmentor(エレメンター)に興味を持ってくれた方はぜひ見てみてください。

この記事が参加している募集

この記事が気に入ったらサポートをしてみませんか?