直感的にデザイン可能で自在に導線を構築できるトップページコンテンツ

「EGO」に搭載されているトップページコンテンツビルダーは、他とは一味異なります。EGOの機能の中でもこだわった部分の一つです。トップページを自在に組み立ててオリジナルな導線を配備することができ、商品ページなどの下層ページにスムーズに遷移させることができます。

8ブロックコンテンツ

まず特徴的なこのブロック。

実はこれ自由自在に画像の位置を変更できて、最大8つまでバナーコンテンツを表示させることができる「8ブロック」というコンテンツになります。

ドラッグ&ドロップで画像の位置を組み替えられる他、画像のサイズも8種類から選ぶことができます。すべて同じサイズにしてもいいですし、複数のサイズを組み合わせることも自由自在に行えます。

画像上に表示されているテキストの位置も、画像単位で四隅と中央から選択できるので、セットする画像を選びません。画像にオーバーレイをかけられるので、可読性もバッチリです。自由な組み合わせであなただけのレイアウトバナーを作成できるというわけです。

背景画像グラデーション設定

続いては、この商品カルーセルの背景にセットされている画像です。上記の8ブロックで自在にバナーを作成できますが、コンテンツの背景に画像をセットし、グラデーションオーバーレイを適用できます。ちなみにこの機能はすべてのトップページコンテンツの背景にて設定可能です。

グラデーションのかかった画像をセットしているわけではありません。どんな画像でもテーマオプションの機能で美しいグラデーションを敷くことができます。

このように二つのハンドルを操作することで、任意の位置でグラデーションを適用することができます。ハンドルをクリックすればカラーピッカーが表示されるので、色コードで入力することもできますし、カラーを直感的にチョイスすることも可能です。

何よりプレビュー画像がリアルタイムで変化するので、満足いくまでカラーリングを試すことが可能というわけです。上記の画像は上から下へのグラデーションですが、他にも左から右にグラデーションをかけたり、2色のグラデーションの間の中間色を設定することもできるので、どんな画像にでも美しく加工することが可能になるでしょう。

EGO独自のこれらのコンテンツブロックで、オリジナリティ溢れるトップページを作成してみてください。

関連記事