ページを構成してみよう！

先ほどワタクシ，うっかり，気楽な気持ちで「自由自在に構成してみましょう！」なんて言ってしまいました。だいぶうっかりです。

実はですね，この「Visual Composer」が設定可能なエレメントには，かなりの数がありまして。すべてのエレメントを紹介して覚えて……というのは，正直あまり楽しい時間ではなかったりします。

ということで，今回は「使う機会がありそうで，なおかつ使って楽しいエレメント」に絞ってお話しします。少しばかり「自由自在」とは遠いかもしれませんが，大事なのは「イイね」という感覚をつかむことです。

美味しそうなものからモリモリ食べましょう。

ではでは，サンプル構成はこんな感じ。はい，ドン。

うん，これくらいならイイですね。複雑すぎることもなく，とは言え，今までの記事の雰囲気と比べてかなりステキな構成になっています。

ではまずこのページを，エレメント単位で色分けしてみます。

1. 画像のエレメント
2. 文章のエレメント
3. お問い合わせフォームのエレメント
4. 地図のエレメント

色分けするとだいぶ見やすくなりますね。ふむふむ，こんな並びですか。

並びがわかったところで，実際にBACKEND EDITORモードで並べてみましょう。こんな手順でやってみてくださいね。

まずは画像のエレメント，「⁠Single Imageエレメント」がページの中に入りました。では，この調子で他のエレメントも入れていきましょう。

• 文章のエレメント：「Text Blockエレメント」
• お問い合わせフォームのエレメント：「Contact Form7エレメント」
• 地図のエレメント：「Google Mapsエレメント」