いまご覧いただいている会社案内ページおよび以下からリンクされているページは、上記の記事で紹介しているカスタマイズを行うために作ったテスト用ページであり、実在する会社のコンテンツを含むものではありません。
VK Blocks Pro の子ページリストをカスタマイズ
VK Blocks Pro の子ページリストブロックを以下のようにカスタマイズしてあります。
- 表示タイプを「カード（水平）」にして2カラムで表示（子ページリストの標準機能で設定）
- スマホでは「アイキャッチ画像」と「タイトル・抜粋」を縦積みで表示
- スマホではカードを間隔を狭く調整
- カード全体をリンクエリアに設定（PC・スマホとも）
- 子ページのアイキャッチ画像の縦横比が揃っていなくてもカードの高さが揃うように調整
代表者挨拶
弊社代表からご挨拶を申し上げます。
サービス案内
弊社が提供するサービスについてご案内いたします。
事業所案内
弊社の各事業所をご紹介します。
お問い合わせ窓口
お問い合わせはこちらから。どのようなことでもお気軽にどうぞ。
メモ
子ページのアイキャッチ画像の縦横比を揃えないと高さが揃わなくなってしまう。
→ 縦横比が異なる場合でも高さを揃えるように調整できた。
