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

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

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

目次

\ 先行セール開催中! /

タブブロックの使い方

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

タブブロックの追加

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

タブブロックの編集

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

ポイント
  • 必要な数だけタブを追加する
  • タブのタイトルを入力する
  • タブのデザインはサイドバーから変更する
  • タブコンテンツには自由にブロックを追加して編集できる

タブコンテンツの設定

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

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

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

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

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

タブコンテンツに見出しを追加

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

最後に

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

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

シェアしてね!

この記事を書いた人

6月いっぱいでパチンコ・パチスロ搭載楽曲ネタはフェードアウトしようと思う。とりあえず、未開封フィギュアをレビューしたい!未だに「キャスター/スカサハ」は未開封のままだし、今月は「[暁想]アルベド」も届く予定。ASPにフィギュアレビュー記事について注意を受けてからレビューが完全に滞ってしまった。需要があるか分からないけど、注意を受けた内容についても記事にしたいと思う。

コメント

コメントする

目次