CSS や JavaScript のコードを書かずに、WordPress のブロックエディターで排他的に開閉する(アコーディオンをどれか開くと、それに連動して、開いているアコーディオンを閉じる)アコーディオンを作る2通りのやり方を紹介します。どちらも WordPress コアのブロックだけでかんたんに作ることができます。

やり方 その① アコーディオンブロックを使う

アコーディオンブロックの設定の [自動で閉じる] をチェックすると排他的に開閉します。

アコーディオンブロックの設定の [自動で閉じる] をチェックすると排他的に開閉します。

このやり方で作った排他的に開閉するアコーディオンがこちら↓です。

はい。受講される方一人ひとりのご都合に合うように受講日程を相談させていただきます。
曜日・時間は週によって違ってもOKですし、通わない週があってもOKです。

原則的に事前に4時間分を予約していただきます。
事前予約が難しい場合はその都度のご予約も可能ですが、余った時間は翌月に繰り越しできません。

原則的に平日の9:00~17:00の間でご受講いただきますが、17:00以降および土日・祝日も受講可能な場合がございます。詳しくはお問合せください。

やり方 その② 詳細ブロックを使う

詳細ブロックの [高度な設定] → [name 属性]

詳細ブロックの [高度な設定] → [name 属性] に図の例の faq のように任意の文字列を入力すると、同じ name 属性を持つ詳細ブロックどうしが排他的に開閉します。

このやり方で作った排他的に開閉するアコーディオンがこちら↓です。

決められた曜日・時間に毎週通わなくてもよいのですか?

はい。受講される方一人ひとりのご都合に合うように受講日程を相談させていただきます。
曜日・時間は週によって違ってもOKですし、通わない週があってもOKです。

最初に4時間の予約が必要ですか?

原則的に事前に4時間分を予約していただきます。
事前予約が難しい場合はその都度のご予約も可能ですが、余った時間は翌月に繰り越しできません。

夕方以降や土日・祝日に受講することはできますか?

原則的に平日の9:00~17:00の間でご受講いただきますが、17:00以降および土日・祝日も受講可能な場合がございます。詳しくはお問合せください。

2026.1.16 追記

Google の AI からは以下の通り、WordPress の標準機能では排他的に開閉するアコーディオンを設定できないという回答でした。

設定するやり方があるのに、しかも2通りも🥰

AI に勝ったようで気分がいいです。すぐに抜かれると思いますが😅

Google の AI からの回答

関連記事

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら