WordPressでアコーディオンメニューを使う方法

WordPressでアコーディオンメニューを使う方法をご紹介します。

条件

• WordPress

事前準備

プラグインのインストール

「CoBlocks」というプラグインを追加します。

プラグイン > 新規追加 にて、キーワード「CoBlocks」で検索します。
「CoBlocks- ページビルダー- Gutenburgブロック」インストール＆有効化します。

アコーディオンメニューの追加

アコーディオンメニューの追加は、ブロックエディタで行います。

ブロックの追加で、CoBlocks > Accordion を選択します。

以下のような編集画面になります。

「Write accordion item tile」には、アコーディオンメニューのタイトルを入力します。
画像も設定することができます。

「Add content」アコーディオンメニューが開かれた際に表示されるコンテンツを入力します。
画像も追加することが出来ます。

アコーディオンメニューの例

文字のみ

タイトルに画像