WordPress
【WordPress】アコーディオンギャラリープラグインGrid Accordion
August 5, 2015

jQueryではたまに見かけるAccordionプラグインですが、WordPressプラグインにもありました。
しかも、Responsiveにも対応しており、設定も簡単です。
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にすると管理画面メニューにGrid Accordionが追加させます。
Add Newをクリックし、最初は画像が選択されていないので、Click to add imageをクリックし、メディアに画像を追加するかメディアから選択します。
2枚目以降はAdd Panelsをクリックし、同じ要領で画像を増やしていきます。My Accordionはタイトルなのでお好きなように変えてください。
選んだら上記のような感じになります。
Appearanceで設定を行い、Animations、Autoplayなど細かい設定も可能です。
Previewでどのような状態かも確認できるのでとても便利です。Createで作成します。
Grid Accordionメニューの中のAll Accordionsをクリックし、ショートコードをコピーします。
ActionsのEditで再編集もできるので画像を後で追加してもいいですね。
ショートコードを投稿ページにペーストして、ブラウザサイズを狭めてみたのが上記の画像です。
動画での説明もあります。