トレンドはフレンド

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

この記事は約2分で読めます。

よこのじ(@yokonoji_work)です。

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

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

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

アコーディオン

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

[accordions]

[accordion title=”アコーディオン1”]

アコーディオン1の内容

[/accordion]

[accordion title=”アコーディオン2” last]

アコーディオン2の内容

[/accordion]

[/accordions]

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

参考コード

タブ

タブを実装できます。

[tabs]

[tab title=”タブ1”]

タブ1の内容

[/tab]

[tab title=”タブ2”]

タブ2の内容

[/tab]

[/tabs]

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

参考コード

トグル

トグルを実装できます。

[toggle title=”トグル”]トグルの内容[/toggle]

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

参考コード

 

[toggle title=”参考サイト”]

[/toggle]

タイトルとURLをコピーしました