今回はSWELLの便利機能、「タブブロック」と「投稿リスト」を組み合わせてタブで切り替えできる記事一覧リストの作り方を紹介していきます(^^)
サイト型のトップページで皆様もよく見かけることがあると思います！
この組み合わせはとても便利で私もトップページで2カ所に使っています♪
SWELLの「タブブロック」と「投稿リスト」について
タブブロック
タブブロックは複数のコンテンツを並列に配置し切り替えながら表示することができる機能です。
上記のようなリストを作ることができます！
比較記事を作る際に便利ですね♪
別記事で詳しく紹介しています。
投稿リスト
投稿リストをでは、サイト上に簡単に既に自分で作成した投稿ページ一覧を表示することができます。
このように新着記事や人気記事の一覧などを表示することができます！
こちらも別記事で詳しく説明しています。
「タブブロック」と「投稿リスト」を使ったリストの作り方
まず、「タブブロック」と「投稿リスト」を組み合わせると
このような一覧を作ることができます。
順に説明していきますね♪
タブブロック作成
SWELLブロックリストからタブブロックを選択します。
プラスを押すと項目を増やせるので作りたい項目のテキストを変更していきます。
タブサイズは端まで並べる（均等幅で）か固定幅にすると見栄えが良くなるのでおススメです！
お好みで設定してください♪ちなみに私は端まで並べる（均等幅で）で設定しています。
投稿リスト作成
各タブの中身を作成します。
SWELLブロックから投稿リストを選択します。
検索か全て表示から探して下さい。
タブに中に投稿リストを設置できたら、投稿リストの表示内容の変更をします。
変更の仕方は
こちらを参考にしてくさい！
完成したリストがこちら♪
他にも
このようなカテゴリーごとの一覧も作ることができます！
トップページに設置すればユーザーが記事を探しやすくなりますね♪
今回のまとめ
今回は「タブブロック」と「投稿リスト」を組み合わせてタブで切り替えできる記事一覧リストの作り方を紹介しました。
割と簡単に作ることができますよね♪
トップページに盛り込めば見栄えも良く記事へ誘導しやすくなるのでとてもオススメです！！
是非皆様も活用してみて下さい(^^)
最後までご覧いただきありがとうございました!(^^)!
