この記事がお勧めな方
- Cocoon(コクーン)でFAQの記事を作成する方法を知りたい方
- Cocoon(コクーン)がどんな感じか知りたい方
Cocoon:FAQブロック
Cocoon(コクーン)でFAQ風の記事を作成するにはブロックツールの「FAQ」を選択します。

Cocoon:FAQブロックのスタイル設定
「FAQ」ブロックではスタイルが3パターン変更可能です。

デフォルト | 角型ラベル | アコーディオン |
デフォルト
スタイル:デフォルトの実際表示です。

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

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

上は画像表示なのでわかりにくいですが、実際には質問部分の「+」をクリックすると回答部分が表示される仕様です。
Cocoon:FAQの文字部分の変更
FAQの文字部分を変更することが可能です。

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

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

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

Cocoon:FAQのボーダー/背景/テキスト色の変更
FAQのボーダー・背景・文字色を変更可能です。

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

Cocoon(コクーン)のFAQブロック実際表示はCocoon(コクーン)で作成したサンプルサイトで実際表示を確認できますので、そちらも参考にしてみてください。
FAQの表示は読み手の方にとても解りやすく説明できる特徴があります。
読みやすい記事を書く上でもCocoon(コクーン)のように簡単にFAQが作成できるのは嬉しいですね。
ちなみに、このブログのテーマAFFINGER6のFAQ機能を仕様するとこんな感じです。
AFFINGER6のFAQはどんな感じ?
こんな感じです。
FAQのアイコンや背景色などのデザインはもっと変更可能です。
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪

現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
例えば、こんなツールです。
詳しくはこちらの記事で→ 無料お試しがずっと可能なAIライティングツール
Cocoon:使い方
-
-
Coccon(コクーン)の使い方まとめ-初心者に解りやすく解説-
2025/6/23 Cocoon
この記事では、Coccon(コクーン)の使い方について初心者向け解説しています。 設定に関する使い方 インストール方法 お勧めのプラグインとお勧めしないプラグイン Googleサーチコンソールへの登録 ...
Cocoon:関連記事
-
-
Cocoon(コクーン)の特徴を徹底解説!-初心者向け-
2024/9/28
この記事では無料テーマ「Cocoon(コクーン)」の特徴について初心者向け解説しています。 また、別記事でCocoon(コクーン)の使い方やカスタマイズ方法についても解説していますので、参考にしてみて ...