LPを作る際に重要になってくるものがLPのデザインです。
ライティングはある程度できるけど、デザインはちょっと苦手という方に今回は簡単にLPデザインができてしまう、ワードプレスのプラグインを紹介していきます。
レスポンシブデザインにも対応してますので、スマホでも見やすいデザインとなっております。
この記事を参考にして頂ければ、今まで自分ではうまくデザインできなかった方でも手軽にLPデザインが出来るようになるはずです。
Contents
ワードプレスプラグイン：Elementor（エレメンター）
使用するプラグインはワードプレスのプラグインであるElementor（エレメンター）です。
このエレメンターですが無料とは思えないくらい機能が充実しています。
無料版と有料版がありますが、基本的に無料版で問題ありません。
まずは、ワードプレスを準備しましょう。
すでにお持ちの方はそれをそのまま流用しても問題ありません。
Elementor（エレメンター）設定の手順
ワードプレスの準備ができたら、プラグインの設定を行なっていきます。
ワードプレス管理画面のプラグインというメニューから検索をしてみましょう。
検索できたら、次にプラグインをダウンロードします。
ダウンロードできたら、必ずプラグインは有効化させましょう。
プラグインを有効化すると、ワードプレスの管理画面にElementorという項目が表示されるようになります。
これで準備は万端です。
細かい設定などもできますが、基本的に設定はそのままでも問題ありません。
Elementor（エレメンター）のLPデザインのやり方
それでは実際にLPを構築していきましょう。
固定ページで新規作成を選んでいただくと、Elementorで編集という項目が表示されるようになります。
ここを選択するとElementorの編集画面に切り替わります。
左側に様々なアイコンがありますが、それをドラッグして右側に持っていくとそのアイコンのデザインが自動的に挿入されるようになります。
ドラッグだけの操作で位置の変更も可能ですので、簡単にデザインの修正もできます。
LPレイアウトの変更のやり方
ページの横幅最大にしたフラット型のレイアウトデザインに変更することもできます。
やり方は簡単で、編集画面左下にある設定のアイコンから編集を行なっていきます。
テキストのレイアウトが崩れてしまうときのやり方
対象の項目をスマホだけに表示、PCだけに表示の操作も可能ですので、例えばPC表示では改行は問題ないが、スマホになると崩れる際にはこの機能を使って切り替えていくことがオススメです。
見出しなど文章がPCとスマホで崩れてしまう箇所を選択して、PCとスマホ用の２つのパターンの見出しを作成します。
そして、それぞれの設定をデスクトップだけに表示、モバイルだけに表示と設定を変更するだけでOKです。
削除したい項目があるときの対処法
LPの構成を行なっていく際に削除したい部分が出てくることもあると思います。
その場合は下記の手順で対象の部分を削除していきます。
セクション上部に出てくる×マークを選択することで削除が可能です。
注意点
セクション同士が結合されていると結合されているもの全てが削除されてしまうため、基本的に結合しないようにドラッグして設定するようにしてください。
プレビューの見方
ElementorはPC用とスマホ用でそれぞれプレビューすることができます。
それらをチェックしながらデザインの修正が可能となります。
プレビューは管理画面左下にあるPCのアイコンで可能です。
LPのコンバージョンを高めるために大切なこと
LPデザインの目的はコンバージョンを高めることとなるはずです。
そのために大切なのがユーザーにとって見やすさです。
だからこそ、デザインはシンプルでも問題ありません。
どんなに素晴らしいデザインのLPを作成したとしてもそこから目的のアクションに繋がらなければビジネスとしては意味がありません。
デザインの作成が完了したら必ず第３者からチェックしてもらい、読みやすさをフィードバックしてもらいましょう。
自分が作ったデザインだと手間暇をかけた分、熱が入ってしまい客観的な判断がしづらくなります。
LPのデザインに取り組む目的もビジネスの売り上げをあげるためであるはずですので、その本質を忘れないように意識しておくことが何よりも大切です。
