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

ga_s

jQueryではたまに見かけるAccordionプラグインですが、WordPressプラグインにもありました。
しかも、Responsiveにも対応しており、設定も簡単です。

Grid Accordionプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Grid Accordionを検索

有効化にすると管理画面メニューにGrid Accordionが追加させます。

Add Newをクリックし、最初は画像が選択されていないので、Click to add imageをクリックし、メディアに画像を追加するかメディアから選択します。
2枚目以降はAdd Panelsをクリックし、同じ要領で画像を増やしていきます。My Accordionはタイトルなのでお好きなように変えてください。

gridaccordion

選んだら上記のような感じになります。
Appearanceで設定を行い、Animations、Autoplayなど細かい設定も可能です。

Previewでどのような状態かも確認できるのでとても便利です。Createで作成します。

ショートコード
Grid Accordionメニューの中のAll Accordionsをクリックし、ショートコードをコピーします。
ActionsのEditで再編集もできるので画像を後で追加してもいいですね。

ga_3

ショートコードを投稿ページにペーストして、ブラウザサイズを狭めてみたのが上記の画像です。
動画での説明もあります。

 
wordpress

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

  • LATEST
  • RELATED
  • POPULAR