サイトの「よくある質問」を、クリックで開閉するアコーディオンにするコードを作るツールです。 質問と答えを入力すると、JavaScript不要で動くHTML（details/summary）とCSSが出てきます。 ブラウザで開くだけで動き、入力した内容は外部に送られません。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 出力するコードは一般的なブラウザで動くように作っていますが、 お使いのサイトのテーマやCSSによっては、見た目が変わることがあります。 公開前に、実際のページで表示を確認してください。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 質問と答えを5項目まで入力 ◆ 項目の追加、削除、並べ替え ◆ スタイル1種（シンプル罫線） ◆ 右側のプレビューで、開閉の様子をすぐに確認 ◆ HTML と CSS のコピー（JavaScript不要） ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 項目数が無制限 ◆ スタイル6種（シンプル罫線、カード、左ライン、塗りつぶし、丸み、Q＆Aバッジ） ◆ 差し色の変更 ◆ FAQ構造化データ（JSON-LD）の出力 有料版はこちらです。https://mall-aibou.booth.pm/items/8927285 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. accordion-builder.html をダブルクリックして、ブラウザで開く 2. 質問と答えを入力する（右側のプレビューですぐに確認できます） 3. 「HTML」「CSS」のタブでコードをコピーして、サイトに貼る ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・サイトへの自動投稿や、WordPressへの直接の反映はできません（コードをコピーして貼ります） ・入力した内容は保存されません。ページを閉じる前に、コードをコピーしてください ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　出力したコードは、ご自身やお客様のサイトで自由にお使いいただけます。 　ツールのファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　accordion-builder.html ／ README.txt TOOL BOX