【SWELL】タブブロックの設定と使い方

SWELLの「タブ」ブロックの設定と使い方をまとめています。

タブブロックの使い方

記事編集画面で「タブ」ブロックを追加します。

後はお好みでサイドバーから全体のデザインを変更して、タブコンテンツを編集して下さい。

タブブロックは、全体の要素となるタブとその中に配置するタブコンテンツで構成されています。

タブコンテンツの設定

タグコンテンツには、自由にブロックを追加して編集できます。

例えば、タブブロックの中に「投稿リスト」ブロックを追加すれば、トップページの様なタブ切り替えを任意のページに設置することができるので、サイト型のトップページを作成したい時に使うと便利です。

タブブロックは、組み合わせ次第でいろんな使い方ができます。

タブブロックを使う時の注意

タブコンテンツに（目次に追加されるレベルの）見出しを設置する時は注意して下さい。

開いていない（非アアクティブな）タブに見出しを設置すると、目次のリンクが機能しません。

最後に

タブブロックは、比較コンテンツや類似コンテンツを切り替えて表示させたい時に使うと便利です。

ただ、プレビュー画面ではSP表示を確認できないので、記事を投稿した後はSP画面の確認を忘れないで下さい。