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が作成できるのは嬉しいですね。

ちなみに、このブログのテーマAFFINGER6のFAQ機能を仕様するとこんな感じです。

AFFINGER6のFAQはどんな感じ？

こんな感じです。

FAQのアイコンや背景色などのデザインはもっと変更可能です。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

例えば、こんなツールです。

• BLOGAI
• Rakurin（ラクリン）
• AIがライティング【Catchy】

詳しくはこちらの記事で→　無料お試しがずっと可能なAIライティングツール

Cocoon：記事一覧

　Cocoonの設定関係

　Cocoonの使い方

　Cocoonのデザインカスタマイズ