WordPressでのアコーディオンメニューの実装例

2019年11月1日

WordPressのプラグインに「jQuery Vertical Accordion Menu」というプラグインがあります。文字通りアコーディオンメニューを実装するプラグインです。

そのアコーディオンメニューをウジェット機能でサイドバー上に実装すると、サイドバーのアコーディオン化が実現できます。

早速、プラグイン「jQuery Vertical Accordion Menu」をインストールして、サイドメニュー上にアコーディオンメニューを実装してみましたので紹介します。

流石にWordPressですね。ネット検索で調べたいことは直ぐ見つかります。これがHAIKだとそうは行きません。筆者がWordPressを薦める理由の一つにもなります。

下記の2サイトは、いずれもサイドバー上にアコーディオンメニューを実装しています。左側のアコーディオンメニューはグレー色のボタン表示、右側のアコーディオンメニューはブラック色のボタン表示となっています。

そのボタンをクリックして下層ページのメニューが表示されると思います。これがWordPressのアコーディオンメニューとなります。

もう一つのアコーディオンメニュー

実は、アコーディオンメニューには、もう一つ隠れた存在となりますが、「イメージ・アコーディオン」と言うElementorのアコーディオンメニューがあります。

イメージアコーディオンとは、ボタンによるアコーディオンをイメージ画像でアコーディオン化した新しいElementorのアコーディオン機能です。

藤心のWordPress塾は、正にLEMENTOR教室!

「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」によるページ編集に特化した「個人レッスン付きWordPress塾」がお薦めする講座となります。