【LP制作も可能】Elementor(エレメンター)の無料で使える30種類の要素を全て紹介します
本記事の内容は、
・ワードプレスのElementor(エレメンター)を使ってLPを制作したい
・Elementor(エレメンター)でどんなことが出来るのかを知りたい
こういった疑問やお悩みにお答えします。
本記事のテーマ
【LP制作も可能】Elementor(エレメンター)の無料で使える30種類の要素を全て紹介します
Elementor(エレメンター)の無料で使える30種類の要素を全て紹介します
![](https://oceandesign-web.com/wp-content/uploads/2021/01/トップ-3-1024x525.png)
以前の記事では、Elementor(エレメンター)の導入から実際にLP(ランディングページ)を制作する方法について画像付きで解説をしました。↓
本記事では、無料で使える要素を全30種を紹介していきます。
Elementor(エレメンター)をご検討されてる方に、少しでもご参考になれば幸いです。
基本要素10種類
無料の基本要素10種類になります。
![](https://oceandesign-web.com/wp-content/uploads/2021/01/無料の基本要素10種類.jpg)
①内部セクション
![](https://oceandesign-web.com/wp-content/uploads/2021/01/①内部セクション.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/①画像.jpg)
ブロックを分割することできます。
分割することで、例えば左に画像、右に文章といった様に配置出来るようになります。
幅の割合も変えられます。
②見出し
![](https://oceandesign-web.com/wp-content/uploads/2021/01/②見出し.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/②画像.jpg)
見出しを追加することができます。
リンクを挿入出来たり、cssを使えば装飾も可能です。
③画像
![](https://oceandesign-web.com/wp-content/uploads/2021/01/③画像.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/③イメージ.jpg)
画像を挿入することができます。
サイズを変更したり、リンクを挿入することも可能です。
④テキストエディター
![](https://oceandesign-web.com/wp-content/uploads/2021/01/④テキスト.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/④画像.jpg)
テキストを挿入することができます。
⑤動画
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑤動画.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑤画像.jpg)
動画を挿入することができます。
載せたい動画リンクを入れるだけと、とても簡単です。
対応しているのは、YouTube、Vimeo、Dailymotion、独自アップロードの4種類です。
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑤画像オーバーレイ-1024x439.jpg)
画像オーバーレイでサムネイルも設定できます。
⑥ボタン
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑥ボタン.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑥画像.jpg)
ボタンを追加することできます。
カラーは、デフォルト(黄緑)・情報(水色)・成功(緑)・警告(オレンジ)・危険(赤)の5色です。
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑥アイコンライブラリー-1024x674.jpg)
アイコンライブラリーからボタンにアイコンも挿入できます。
⑦区切り線
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑦区切り線.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑦画像.jpg)
区切り線を追加することできます。線スタイルの変更も可能です。
⑧スペーサー
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑧スペーサー.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑧画像.jpg)
スペースを追加することできます。幅を自由に変更可能です。
⑨Googleマップ
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑨Googleマップ.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑨画像-1024x306.jpg)
Googleマップを追加することできます。ズームや高さの変更が可能です。
⑩アイコン
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑩アイコン.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑩画像.jpg)
アイコンを追加することできます。アイコンライブラリーには沢山のアイコンが存在しています。
以上が基本要素になります。
一般要素20種類
続いて、一般要素20種類になります。
![](https://oceandesign-web.com/wp-content/uploads/2021/01/無料の一般要素10種類-1.jpg)
⑪画像ボックス
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑪画像ボックス.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑪画像-1024x304.jpg)
「画像+見出し+文章」を追加することできます。
⑫アイコンボックス
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑫アイコンボックス.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑫画像-1024x304.jpg)
「アイコン+見出し+文章」を追加することができます。
⑬スター評価
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑬スター評価.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑬画像-1024x222.jpg)
スター評価を追加することができます。
値は、0~5.0と「0.1」きざみで入力できます。5段階評価と、10段階評価があります。
⑭画像カルーセル
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑭画像カルーセル.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑭画像-1024x328.jpg)
画像カルーセルを追加することが出来ます。
画像カルーセルとは何かというと、画像が切り替わっていくものです。
⑮ベーシックギャラリー
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑮画像ギャラリー.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑮画像-1024x322.jpg)
画像ギャラリーを追加することが出来ます。
⑯アイコンリスト
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑯アイコンリスト.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑯画像-1024x155.jpg)
アイコンリストを追加することが出来ます。
⑰カウンター
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑰カウンター.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑰画像-1024x155.jpg)
カウンターを追加することができます。
開始ナンバーから終了ナンバーまでを自動でカウントしてくれます。
⑱プログレスバー
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑱プログレスバー.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑱画像-1024x155.jpg)
プログレスバーを追加することができます。
プログレスバーとは、読み込み中などで出てくる、〇%みたいなものです。
⑲推奨文
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑲推奨文.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑲画像-1024x214.jpg)
推奨文を追加することができます。
文章+画像(アイコン)+名前+肩書で構成されています。
⑳タブ
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑳タブ.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/⑳画像-1024x175.jpg)
タブを追加することができます。
㉑アコーディオン
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉑アコーディオン.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉑画像-1024x214.jpg)
アコーディオンを追加することができます。「よくある質問」などで、見るような形です。
㉒切り替え
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉒切り替え.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉒画像-1024x188.jpg)
切り替えを追加することができます。アコーディオンとかなり似ています。
㉓ソーシャルアイコン
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉓ソーシャルアイコン.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉓画像-1024x109.jpg)
SNSアイコンを追加することができます。有名どころは大体揃っています。
㉔アラート
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉔アラート.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉔画像-1024x150.jpg)
アラートを追加することができます。
カラーは、情報(青)・成功(緑)・警告(黄色)・危険(赤)の4色です。
㉕SoundCloud
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉕SoundCloud.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉕画像-1024x237.jpg)
SoundCloudを追加することができます。
㉖ショートコード
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉖ショートコード.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉖画像-1024x126.jpg)
ショートコードを追加することができます。
㉗HTML
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉗HTMLコード.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉗画像-1024x139.jpg)
HTMLコードを追加することができます。
㉘メニューアンカー
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉘メニューアンカー.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉘画像-1024x99.jpg)
メニューアンカーを追加することができます。
㉙サイドバー
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉙サイドバー.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉙画像-1024x291.jpg)
サイドバーや、フッターを追加することができます。
㉚続きを読む
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉚続きを読む.jpg)
![](https://oceandesign-web.com/wp-content/uploads/2021/01/㉚画像-1024x127.jpg)
続きを読むを追加することができます。
ただし、アーカイブページで「the_content」を使用しているテーマにのみ適用される、と限定されています。
以上が一般要素になります。
無料で使用できる30種類全ての要素紹介はこれで以上になります。
まとめ
今回は、Elementor(エレメンター)の無料で使える30種類の要素を全てを紹介いたしました。
本記事が少しでもLP(ランディングページ)をワードプレスで自作したいと思ってる方のご参考になりましたら幸いです。
こちらの記事を最後まで、ご覧いただきありがとうございました!
【この記事をチェックした人はこんな記事もチェックしています】
>>【無料】Elementor(エレメンター)を使ったLP(ランディングページ)作成方法を解説
>>【2021年最新版】LP(ランディングページ)の おすすめ作成方法6選!【無料から有料まで】