この記事に書いたものは CSS のようなコードを一切使用せずに、WordPress / VK Blocks Pro の標準機能だけで作ってあります。

Q FAQ ブロックを使わなくてもアコーディオンで開閉する FAQ を作ることができますか?

A できます。

この FAQ はアコーディオンブロックを使って作ってあります。先頭の Q と A に色をつけるだけで FAQ として使えます。

アコーディオンブロックは Q / A 以外にも、1. 2. 3. と先頭に書けば下の方にあるような番号付きリスト風にも活用できますよ。

最近(たぶん) Inline Font Size という機能が追加されていて、Q や A をこんなに大きく表示できるようになっています。

Inline Font Size はほとんどのブロックで使えますので、他のブロックと組み合わせてさまざまなデザインを作ることができます。

Inline Font Size

 先頭が Q や A だと意味が分からないと年配の方から言われました

 アコーディオンブロックならこうやって日本語にできますよ。

Q FAQ ブロックを使わなくても FAQ を作ることができますか?

A できます。

この FAQ はグループブロックに「シャドウ」のスタイルを指定して、その中に段落ブロックを入れて作ってあります。

FAQ ブロックの先頭のデザインを増やしてほしいのですが…

アコーディオンブロックで VK 見出しを使いましょう。

VK 見出しは 1,600 以上のアイコンの中から好きなものを選べますよ。

Awesome Icons

 アイコン以外のイラストも使いたいのですが…

 アコーディオンブロックならインライン画像が使えますよ。 

インライン画像

1. アコーディオンで開閉する番号付きリストがほしいのですが…

アコーディオンブロックを使ってこのように作ることができます。

2. アコーディオンで開閉する番号付きリストがほしいのですが…

アコーディオンブロックを使ってこのように作ることができます。

3. アコーディオンで開閉する番号付きリストがほしいのですが…

アコーディオンブロックを使ってこのように作ることができます。

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス 代表
新潟県南魚沼市・魚沼市を中心に、地域の皆様がパソコンやインターネットを有効活用して業務効率化・課題解決を図るお手伝いを1999年から行ってまいりました。

Lightning / Katawara を使用したサイト制作は全国どこからでも承ります。遠方からのご依頼の場合、Zoom を使用して打ち合わせを行わせていただきます。

講習形式のホームページ制作サポートも行っています。
お客様ご自身でホームページを制作・カスタマイズする上で、むずかしい部分を講習形式でサポートいたします。制作を手伝ってもらうだけでなく、同時に制作スキルを身につけたいという方はお気軽にお問い合わせください。