SWELL　タブで切り替えできるお知らせページの作成方法

今回タブで分類したいカテゴリーを先に作成します。

上記サンプルでは、以下3つのタブにわかれています。

今回作成が必要なのは【お知らせ】と【イベント】のカテゴリーです。

管理画面＞投稿＞カテゴリーから作成しましょう。

管理画面＞固定ページ＞新規固定ページからお知らせページを作成します。

項目を削除したいときは「×」増やしたいときは＋で増やせます。

ちょっと幅が狭いので固定幅にして見た目を整えます。

すべてのタブを選択した状態で【＋】投稿リストのブロックを追加します。

投稿リストを選択した状態で右側ブロック＞Settingの項目を調整します。

これですべてを選択したときの投稿リストは完成です。

続いてカテゴリーごとに絞ったリストを表示させます。

イベントタブに先ほどと同じ手順で投稿リストブロックを追加します。

STEP８と同様にして右側ブロック＞Settingの項目を調整します。

右側ブロック＞Pickup＞タクソノミーの条件設定＞カテゴリー＞イベントを選択。

これによりカテゴリー【イベント】のみの投稿リストが表示されます。

MOREリンクの表示テキストもいれて、ボタンリンクもだしておきましょう。

あとは同様にして他のタブ項目も作成していきましょう。