Cocoon（コクーン）でFAQ風の記事を作成する方法

CocoonではFAQブロックでQ＆Aの記事を簡単に作成することができます。

読みやすい記事を作成する為にも、FAQブロックはとても役に立ちます。

この記事ではCocoonのFAQブロックの使い方を初心者向けに解説しています。

Cocoon：FAQブロック

Cocoon（コクーン）でFAQ風の記事を作成するにはブロックツールの「FAQ」を選択します。

Cocoon：FAQブロックのスタイル設定

「FAQ」ブロックではスタイルが３パターン変更可能です。

デフォルト

角型ラベル

アコーディオン

デフォルト

スタイル：デフォルトの実際表示です。

角型ラベル

スタイル：角型ラベルの実際表示です。

アコーディオン

スタイル：アコーディオンの実際表示です。

上は画像表示なのでわかりにくいですが、実際には質問部分の「＋」をクリックすると回答部分が表示される仕様です。

Cocoon：FAQの文字部分の変更

FAQの文字部分を変更することが可能です。

FAQの文字部分を変更することができますが、推奨は２文字以下なので「Q」・「A」や「質問」・「回答」くらいの変更になります。

FAQの文字部分を変更するとこんな感じです。

Cocoon：FAQラベルの色を変更

FAQのラベル部分の色を変更することが可能です。

ラベルの色を実際に変更するとこんな感じです。

Cocoon：FAQのボーダー/背景/テキスト色の変更

FAQのボーダー・背景・文字色を変更可能です。

ボーダー・背景・テキスト色を変更してみるとこんな感じです。

Cocoon（コクーン）のFAQブロック実際表示はCocoon（コクーン）で作成したサンプルサイトで実際表示を確認できますので、そちらも参考にしてみてください。

→　Cocoon（コクーン）：FAQデザイン表示一覧

FAQの表示は読み手の方にとても解りやすく説明できる特徴があります。

読みやすい記事を書く上でもCocoon（コクーン）のように簡単にFAQが作成できるのは嬉しいですね。