• HOME
  • BLOG
  • BATH
  • ブログリストのレイアウトを3種類からワンタッチで変更できる。

ブログリストのレイアウトを3種類からワンタッチで変更できる。

Beのトップページに表示されるブログリスト、および、アーカイブページのレイアウトはそれぞれ別々に3種類から選択することができます。当テーマのもっとも大きな特徴でもあるのですが、テーマオプション内に用意された3つの選択肢からワンタッチで大きくレイアウトを変更可能です。トップページとアーカイブページで別々のレイアウトタイプが設定できるので、見せ方のバリエーションを工夫できます。しかも、PCとモバイルを別々にです。

1つ目はベーシックに記事のアイキャッチとタイトル、抜粋文を縦に連ねていくこのようなスタイルです。

ベーシックなスタイルで、どのようなジャンルのブログにもマッチしやすいレイアウトでしょう。タイトルや抜粋文が読みやすいです。

2つ目は、縦長のカードを並べる形式のレイアウトで、1つめのレイアウトより記事数を多く見せることができます。ページャーで遷移する必要がないので、数多くの記事を1ページ内に表示させたいときに活用できます。ネイティブアドとも相性のいいレイアウトですね。

3つ目は、スタイリッシュに見せることのできるレイアウトです。1ページに表示できる記事数は1つ目と同じになりますが、見た目の印象は随分と異なります。アイキャッチとテキストを互い違いに表示させることで、紙面にメリハリを持たせ記憶に残りやすいデザインに仕上げました。

アイキャッチ画像も大きく表示されるので、テキストを読む前に視覚にアピールできるレイアウトになります。高画質で美しい画像をセットし、感覚的な部分に訴えかけることは記事を読んでもらうためにも効果的です。

用途に合わせて3種類のレイアウトから気軽に変更できるので、コンテンツの内容や、ユーザーのニーズに合わせて柔軟に対応させることが可能です。記事が少ない間は、ベーシックなレイアウト1を使って、記事数が増えてきて複数の記事を同時に見せたくなれば縦長のレイアウト2、アイキャッチ画像にこだわりの写真や画像を適用するようになり、視覚的にもアピールしたくなればレイアウト3に変更するなど、ユーザー次第で数多くの応用が効きます。

もちろんコードなどは必要なく、ワンタッチで変更可能ですので、初心者の方でも安心して操作いただけます。

「何気ない日常を、少しの工夫で華やかに」をコンセプトに様々なアイテムやカフェ、サロンに関することを書き綴っています。

関連記事