アコーディオン の使い方

FAQや補足説明を折りたたみ式で見せられるアコーディオンセクションです。Q/Aラベル、開閉アイコン、タイトル・本文の色やサイズ、PC/モバイル別余白までテーマエディターから調整できます。

目次

設定項目

見出し

見出しテキスト - セクション上部に表示するタイトル文言を編集します。太字などの簡単な装飾もここで調整します。

- 見出しテキストの文字色を変更します。

サイズ-PC(px) - PC表示時の見出しサイズを調整します。

サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。

Copilify アコーディオン ヘルプ 見出し

アコーディオンの設定

枠線色 - 各アコーディオン項目を囲む線の色を変更します。

枠線の角の丸み - 項目カードの角丸を調整し、シャープにもやわらかくもできます。

Copilify アコーディオン ヘルプ アコーディオンの設定

開閉アイコンの設定

開閉アイコンの種類 - 矢印型、またはプラス/マイナス型から選べます。

開閉アイコンの太さ - アイコン線の太さを変更します。

開閉アイコンの色 - 右端に表示される開閉アイコンの色を調整します。

Copilify アコーディオン ヘルプ 開閉アイコンの設定

Q&Aアイコンの設定

Qの色 - 質問行の左に出るQラベルの色を変更します。

Aの色 - 回答行の左に出るAラベルの色を変更します。

フォントファミリー - Q/Aラベルの書体をテーマ継承、ゴシック、明朝、等幅から選べます。

太さ - Q/Aラベルを通常または太字にします。

サイズ-PC(px) - PC表示時のQ/Aラベルサイズを調整します。

サイズ-モバイル(px) - モバイル表示時のQ/Aラベルサイズを調整します。

テキストとの余白(px) - Q/Aラベルと本文テキストの間隔を調整します。

Copilify アコーディオン ヘルプ Q&Aアイコンの設定

アコーディオンのタイトル部分の設定

フォントサイズ-デスクトップ(px) - PC表示時の質問タイトルの文字サイズを調整します。

フォントサイズ-モバイル(px) - モバイル表示時の質問タイトルの文字サイズを調整します。

フォント色 - 質問タイトルの文字色を変更します。

背景色 - 質問行の背景色を変更します。

Copilify アコーディオン ヘルプ タイトル部分の設定

アコーディオンの本文部分の設定

フォントサイズ-デスクトップ(px) - PC表示時の回答本文の文字サイズを調整します。

フォントサイズ-モバイル(px) - モバイル表示時の回答本文の文字サイズを調整します。

フォント色 - 回答本文の文字色を変更します。

背景色 - 回答エリアの背景色を変更します。

Copilify アコーディオン ヘルプ 本文部分の設定

PC表示での余白

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

Copilify アコーディオン ヘルプ PC表示での余白

モバイル表示での余白

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

Copilify アコーディオン ヘルプ モバイル表示での余白

その他

背景色 - セクション全体の背景色を変更します。

最大幅(px) - セクション内コンテンツの最大幅を調整します。

Copilify アコーディオン ヘルプ その他

ブロック: アコーディオン

タイトル - 各アコーディオン項目の質問文を入力します。

内容 - 開いたときに表示する回答文を入力します。

初期状態 - ページ表示時に閉じておくか、最初から開いておくかを項目ごとに選びます。

Copilify アコーディオン ヘルプ ブロック設定

よくある質問

どのページに追加できますか?

商品ページ、トップページ、固定ページなど、FAQや補足説明を置きたい場所に追加できます。配送・返品・サイズ感など、購入前の不安解消に使いやすいセクションです。

最初から開いた状態にできますか?

できます。各アコーディオンブロックの「初期状態」で、項目ごとに開いた状態または閉じた状態を選べます。

QやAの表示は調整できますか?

できます。Q/Aラベルの色、書体、太さ、PC/モバイル別サイズ、本文との余白をテーマエディターから調整できます。