ストーク19（ver.5.17以降）およびストークSE（ver.1.16以降）では、コンテンツをタブ形式で切り替え表示できるブロック「タブ」を使用できます。
このようにタブで表示切り替えできる
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
タブ項目内には画像や文章の他、投稿リストなどのブロックを設置でき、コンテンツの分類表示や比較などに活用できます。
この記事では、STORK19/SEのタブブロックについて紹介します。
STORK19/SEのタブブロックでできること
STORK19/SEのタブブロックでは、下記のようなオプションを使用できます。
デザインの変更
4種類のデザインの中から選択できます。
タブラベルの背景色（または線の色）と文字色もカラーピッカーで自由に変更できます。
タブの配置（タブラベルのサイズ設定）
PCとスマホ、それぞれのタブラベルのサイズを設定できます。
タブラベルのサイズを均等分に設定した例
これはタブ1のコンテンツです。
これはタブ2のコンテンツです。
これはタブ3のコンテンツです。
初期表示タブ
ページ読み込み時に表示しておくタブ項目を指定することができます。
これはタブ1のコンテンツです。
これはタブ2のコンテンツです。
初期表示タブとして2番目のタブを指定したので、最初に「タブ 2」が表示されます。
タブブロックの活用例
ここからは、タブブロックと他のブロックを組み合わせた活用例を紹介します。
投稿リストをタブで表示する
新着や人気記事、カテゴリー別など、分類された投稿リストをコンパクトに収めることができます。
トップページなどで記事一覧を表示する際に活用できます。
内容の比較をタブで表示する
複数のアイテムを掲載する場合に、スクロール遷移なしでスッキリと見せることができます。概要やレビューなど、縦に並べるよりも内容が比較し易くなる効果もあります。
ブロックエディタ最適化
WordPressテーマ「STORK19」
¥11,000（税込）
人気度：
従来のSTORKの洗練されたデザインをそのままに、機能面の強化と表示スピードの改善が成されており、これらは日々のアップデートでも進化を続けています。
ブロックエディタ最適化
WordPressテーマ「STORK SE」
¥13,200（税込）
人気度：
ブログ向けテーマとして高い人気を誇る「STORK19」をベースにデザインや機能を再構成。コンテンツを引き立てることに徹したテーマです。
クラシックエディタ向け
WordPressテーマ SWALLOW
¥9,900（税込）
人気度：
SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。クラシックエディタ向けのテーマになります。
概要や詳細をタブで表示する
煩雑になりがちな情報なども、タブごとに分けることで、素早くアクセスできます。
さらに洗練された究極のモバイルファーストテーマ
STORK SE（ストークSE）は、累計4万人以上のユーザーに使われているWPテーマ「STORKシリーズ」の最新版です。
ブログ向けテーマとして高い人気を誇る「STORK19」をベースにデザインや機能を再構成。コンテンツを引き立てることに徹したテーマです。
| ダウンロードファイル名 | jstorkse.zip |
|---|---|
| 再ダウンロード有効期間 | 無期限 |
| バージョン | 1.16 |
| サポート方法 | メールサポート |
| 対応バージョン | WordPress 6.3 〜 / PHP 7.4 〜 |
|---|---|
| 販売元 | hTDESIGN合同会社 |
よくある質問をタブで表示する
カテゴリーごとにタブで分けて見せることで、目的の項目をストレスなく探すことができます。
タブブロックを活用してみよう
今回はSTORK19/SEに追加されたタブブロックの活用例を紹介しました。
情報量が多い場合も、タブコンテンツ化することで閲覧性を高めることができ、工夫次第で様々な使い方ができると思います。
ページ内容や掲載したい内容にあわせて、活用してみてください！
や
STORK19/SEのタブブロックでは、
最初に表示しておくタブも指定できるのも便利！