WordPressで折りたたみ(アコーディオン,トグル)やタブを作成するプラグイン

よこのじ(@yokonoji_work)です。

WordPressで文章の一部を隠す折りたたみ(アコーディオン,トグル)や、タブを使って限られたスペースに情報を詰め込むことができるプラグイン「Arconix Shortcodes」をご紹介したいと思います。

WordPressプラグイン「Arconix Shortcodes」でできること

ドキュメント「Shortcode Reference」で様々な機能が紹介されていますが、ここでは特に使いたい機能をご紹介します。

アコーディオン

アコーディオンを実装できます。

アコーディオン1

アコーディオン1の内容

アコーディオン2

アコーディオン2の内容

項目の一覧とそれらの各内容を詳細に伝えるには、単なるリスト表示よりもアコーディオンの方が適しているかと思います。周囲の情報が邪魔にならずに詳細内容を読めるので、ユーザーは快適に記事を読めるはずです。

参考コード

タブ

タブを実装できます。

タブ1の内容

タブ2の内容

パターン1、パターン2…のようにある事柄で複数の分岐情報を伝えるのに利用できます。省スペースで多くの情報を伝えられるため、スマホやタブレットを考慮した記事作成を行うこともできますね。

参考コード

トグル

トグルを実装できます。

トグル
トグルの内容

通常は特に見せる必要がない内容や、ネタバレのような不意に目に入ると困る内容を記載するのに役立ちます。

参考コード