ブログ2021年11月7日WordPress有料テーマのSWELLにはたくさんの良い機能があります。最近特に「良いな!」と思ったSWELLの機能が「タブブロック」と「投稿リスト」。私はこの「タブブロック」と「投稿リスト」機能を使って、トップページにカテゴリーごとのタブブロック(タブの切り替え)を作成しました。カテゴリーごとのタブブロックを作成する方法を紹介します。実際の操作画面・私のサイトの設定内容に沿って作成手順を解説していきますので、是非参考にしてみてください!SWELLのテーマはこちら!SWELL公式サイト目次SWELLの「タブブロック」と「投稿リスト」とは?タブブロックとは?ダブブロックとは、SWELLで「人気順」や「特定のカテゴリ」で絞り込んだリストごとにタブ切り替えで表示させるような機能です。私ごとですが、最近ブログのテーマをCocoonからSWELLに変更しました。投稿リストとは?投稿リスト(記事リスト)とは、好きな条件を設定して記事投稿のリストを作成できるような機能です。人気順ランダムのように並べ替えて投稿リストを作成したり特定の記事IDカテゴリータグの特定の条件を指定した投稿リストを作成したりできます。私はSWELLの「タブブロック」と「投稿リスト」を使って、トップページにカテゴリーごとのタブブロック(タブの切り替え)を作成しました。パソコンだとこんな感じ!スマホだとこんな感じ!とりさんタブの切り替えはとっても滑らか。「タブブロック」と「投稿リスト」でカテゴリーごとのタブブロックを作成する流れは下記のようになっています。初めにタブの枠を作成します。STEP投稿リスト作成1つ1つのタブの中身を作成します。タブブロック作成ブロックから「タブ」を呼び出します。ブロックは下記のように設定してます。デフォルトから変更したものは赤文字にしました。背景色:無ボーダー設定:無デバイス制限:無ブロック下の余白量:無タブサイズは固定幅にしないと文字数でタブサイズが変わってしまい、デザインが少し乱れてしまします。タブは下記のようにエディター画面の「+」で追加できます。とりさん自分が作成したい分だけタブを追加しましょう。投稿リスト作成エディター画面で設定したいタブを選び、そのタブ内でブロックを追加します。ブロックから「投稿リスト」を呼び出します。ブロックは下記のように設定してます。デフォルトから変更したものは赤文字にしました。著者で絞り込む:無デバイス制限:無ブロック下の余白量:無MOREリンクを設定することでカテゴリーページを簡単に開けるようになります。とりさんこの投稿リストの作成をタブごとに設定していきます。カテゴリーごとのタブブロックを作成する方法を紹介しました。私ごとですが、最近ブログのテーマをCocoonからSWELLに変更しました。【20代女性OL】FIREするための節約・倹約テクニック10選この記事を書いた人とりさん仙台在住のグルメ好きなOL。SEとして働きながらブログやSNS運営をしています。おかげさまでインスタフォロワー3.8万人_(._.)_サウナが好き。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。とりさん仙台在住のグルメ好きなOL。SEとして働きながらブログやSNS運営をしています。おかげさまでインスタフォロワー3.8万人_(._.)_サウナが好き。