WordPressテーマ ▶︎ AFFINGER6 関連の記事 はこちらから!AFFINGER6

SWELLでカテゴリー・タグページを個別にカスタマイズ!設定項目を徹底解説

15062_swell-category-tag-custom-settings

こんにちは "osaboo"osabooです。"@osaboo_Bot"

SWELLを使ったブログ運営を、さらに魅力的に!カテゴリーやタグのページをおしゃれにカスタマイズする方法を初心者さん向けにご紹介します。

デザインやレイアウトを調整して、読者満足度を高めるコツもご紹介。
アーカイブページの表示を最適化して、あなたのブログをワンランクアップさせましょう!

\ SWELLなら、簡単にページごとの設定ができるようになります。/

  • WordPress管理:投稿>カテゴリー
  • WordPress管理:投稿>タグ

この記事では、SWELLの拡張機能を活用して、WordPress管理メニューから作成される「カテゴリー」や「タグ」の個別ページをカスタマイズする方法を解説します。

こんな方におすすめ
  • SWELLのカテゴリーやタグのページを個別におしゃれにカスタマイズしたい方
    • デザイン性を高めたページ作りを目指す方におすすめです。
  • SWELLのアーカイブページ設定に挑戦したい方
    • 初心者でも簡単にページを最適化できる方法を知りたい方へ。
  • 読者満足度を上げたい方
    • ページごとに適切な情報を表示して、見やすさを向上させたい方に。

それではご覧ください。

目次 "Contents"

はじめに

SWELLテーマでは、カテゴリーやタグの個別ページ(タームアーカイブページ)を自由にカスタマイズできる拡張機能が用意されています。

訪問者がアクセスする各ページに独自のデザインや情報を表示することが可能です。

この記事では、具体的にどのような設定ができるのかを解説していきます。

ブログの魅力をさらに引き出すヒントをぜひお見逃しなく!

カテゴリー・タグページの選択

カテゴリーやタグのページをカスタマイズするには、まず対象となるカテゴリーやタグを用意する必要があります。

以下の手順で、新規にページを追加するか、既存のページを選択してカスタマイズ対象を設定します。

STEP
対象となるカテゴリーやタグを用意する

カテゴリーの場合

Menu『WordPress管理>ダッシュボード>投稿>カテゴリー』をクリックします。

タグの場合

Menu『WordPress管理>ダッシュボード>投稿>タグ』をクリックします。

15062-1:WordPress管理|投稿|カテゴリーorタグ
STEP
カテゴリーの場合

カテゴリーの「新規追加の覧と既存カテゴリーの一覧」が表示されます。

対象カテゴリーを選択します。→『編集』をクリック(必要に応じて新規追加)

15062-2a:WordPress管理|投稿|カテゴリー
STEP
タグの場合

タグの「新規追加の覧と既存カテゴリーの一覧」が表示されます。

対象タグを選択します。→『編集』をクリック(必要に応じて新規追加)

15062-3a:WordPress管理|投稿|タグ
STEP
個別にカスタマイズするカテゴリーやタグのページが表示される

以下の画像は、WordPressのコア部分の設定画面です。(テーマ共通)
カテゴリーやタグページを作成するための必須項目です。(『名前』『スラッグ』)
下側にスクロールすると『 SWELL設定』項目が表示されます。

  • 次の章で、『 SWELL設定』→ SWELL専用の拡張機能をご紹介します。

カテゴリーの場合

「カテゴリーを編集」画面

15062-4a:WordPress管理|投稿|カテゴリー|カテゴリーを編集
yajirusi-sita-80x40

表示イメージ

15062-6:カテゴリーページ

タグの場合

「タグを編集」画面

15062-5a:WordPress管理|投稿|タグ|タグを編集
yajirusi-sita-80x40

表示イメージ

15062-7:タグページ
準備完了です。

次の章で、それぞれのアーカイブページを「SWELL設定」で カスタマイズしていきます。

SWELLでカスタマイズできる項目

SWELL設定では、カテゴリーとタグで ほぼ同じカスタマイズが可能です。設定できる項目は以下の通りです。

SWELLでカスタマイズできる項目
  • ページに表示するタイトル
  • ページに表示するサブタイトル
  • リストレイアウト
  • 新着順/人気順でタブを分けるかどうか
  • タイトル位置
  • サイトバー
  • タームナビゲーション
  • タイトルの背景画像
  • アイキャッチ画像
  • 「PR表記」をページに表示するかどうか
  • 「アイキャッチ画像」をページに表示するかどうか
  • 「説明」の内容をページに表示するかどうか
  • 記事一覧リストを表示するかどうか
  • ページで呼び出すブログパーツ
  • このカテゴリーのCTA
  • SEO SIMPLE PACK 設定

それでは順番に見ていきましょう。

カテゴリー(SWELL設定)

前章で、ご紹介したように以下のメニューから「カテゴリーを編集」の画面を開きます。

Menu『WordPress管理>ダッシュボード>投稿>カテゴリー』をクリックします。

以下の「カテゴリーを編集」画面が表示されたら、「 SWELL設定」項目が表示されるところまで、下側のスクローロールします。

15062-8:WordPress管理|投稿|カテゴリー|カテゴリーを編集

SWELL設定」項目の内容とポイント

STEP
タイトル・レイアウト・サイドバーなど

デフォルトの状態では、カテゴリーページは「カテゴリー名 -category-」のように表示されます。

以下の設定項目では、タイトル・レイアウト・サイドバーなどの表示設定ができます。

15062-9:WordPress管理|投稿|カテゴリー|カテゴリーを編集
設定項目の補足とポイント
 
  1. ページに表示するタイトル
    • 名前『カテゴリー(1)』に変わるタイトルが表示できます。(サンプル対象)
  2. ページに表示するサブタイトル
    • 未記入の場合は『-category-』と表示され、テキストを入力で自由に変更できます。
  3. リストレイアウト
    • 記事リストのスタイルを変更できます。
      『カード型・リスト型・サムネイル型・ブログ型・テクスト型』など
  4. 新着順/人気順でタブを分けるかどうか
    • 『する/しない』の設定ができます。おすすめは『する』
  5. タイトル位置(カスタマイザーでベース設定が可能)
    • 『コンテンツ上/コンテンツ内』の設定ができます。
  6. サイトバー
    • 『表示/非表示』の設定ができます。
  7. タームナビゲーション(カスタマイザーでベース設定が可能)
    • 『表示/非表示』の設定ができます。
STEP
背景画像・アイキャッチ画像・PR・ブログパーツなど
15062-10:WordPress管理|投稿|カテゴリー|カテゴリーを編集
設定項目の補足
 
  1. タイトルの背景画像
    • 『画像を選択/画像を削除』の設定ができます。
      の項目で『コンテンツ上』を選択した場合の背景画像です。
      アーカイブページごとに画像を変えて、おしゃれ感を出すにはいいかも…
      2025/01/10現在:当サイトで採用しています。
  2. アイキャッチ画像
    • 『画像を選択/画像を削除』の設定ができます。
      投稿ページと同じ感じで、ページ上部に表示されます。
  3. 「PR表記」をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      PR表記を詳しく知りたい方はこちらをご覧ください。
  4. 「アイキャッチ画像」をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      の項目で設定したアイキャッチ画像の表示設定です。
  5. 説明」の内容をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      説明は、ディスクリプションとして表示されます。また、説明に入力テキストがある場合『表示しない』の設定が効かない場合があります。
  6. 記事一覧リストを表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      手例えばブログパーツ記事一覧を作成し、デフォルトの記事一覧リストが不要な場合に対処します。(表示しない)
  7. ページで呼び出すブログパーツ
    • アーカイブごとにコンテンツを挿入したい場合に活用します。
      ページの上部に表示されます。
      例えば、 の記事一覧リストをカスタマイズする場合、画像やテキストなどをコンテンツ内に入れたい場合など
  8. このカテゴリーのCTA
    • カテゴリーに属する記事の下部に表示されます。
  • CTAとは「Call To Action(コール・トゥ・アクション)」の略で、ユーザーに特定の行動を促すための指示や呼びかけを指します。
    例えば、「今すぐ購入」「お問い合わせはこちら」「無料で試す」などのボタンやリンクがCTAの例です。CTAは、ウェブサイトやブログでユーザーの行動を誘導し、コンバージョン(成果)につなげる重要な役割を果たします。
STEP
SEO SIMPLE PACK 設定

SEO SIMPLE PACK 設定は、「SEO SIMPLE PACK」プラグインをインストールしている場合のみに表示されます。

SWELLと相性のいい必須プラグインです。
インストールしていない方は、検討してみてください。おすすめ

15062-11:WordPress管理|投稿|カテゴリー|カテゴリーを編集

SEO SIMPLE PACK 設定はこちらを参考にしてください。

タグ(SWELL設定)

前章で、ご紹介したように以下のメニューから「タグを編集」の画面を開きます。

Menu『WordPress管理>ダッシュボード>投稿>タグ』をクリックします。

以下の「タグを編集」画面が表示されたら、「 SWELL設定」項目が表示されるところまで、下側のスクローロールします。

15062-12:WordPress管理|投稿|タグ|タグを編集

SWELL設定」項目の内容とポイント

STEP
タイトル・レイアウト・サイドバーなど
15062-13:WordPress管理|投稿|タグ|タグを編集
設定項目の補足とポイント
 
  1. ページに表示するタイトル
    • 名前『タグ(1)』に変わるタイトルが表示できます。(サンプル対象)
  2. ページに表示するサブタイトル
    • 未記入の場合は『-tag-』と表示され、テキストを入力で自由に変更できます。
  3. リストレイアウト
    • 記事リストのスタイルを変更できます。
      『カード型・リスト型・サムネイル型・ブログ型・テクスト型』など
  4. 新着順/人気順でタブを分けるかどうか
    • 『する/しない』の設定ができます。おすすめは『する』
  5. タイトル位置(カスタマイザーでベース設定が可能)
    • 『コンテンツ上/コンテンツ内』の設定ができます。
  6. サイトバー
    • 『表示/非表示』の設定ができます。
STEP
背景画像・アイキャッチ画像・PR・ブログパーツなど
15062-14:WordPress管理|投稿|タグ|タグを編集
設定項目の補足
 
  1. タイトルの背景画像
    • 『画像を選択/画像を削除』の設定ができます。
      の項目で『コンテンツ上』を選択した場合の背景画像です。
      アーカイブページごとに画像を変えて、おしゃれ感を出すにはいいかも…
      2025/01/10現在:当サイトで採用しています。
  2. アイキャッチ画像
    • 『画像を選択/画像を削除』の設定ができます。
      投稿ページと同じ感じで、ページ上部に表示されます。
  3. 「PR表記」をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      PR表記を詳しく知りたい方はこちらをご覧ください。
  4. 「アイキャッチ画像」をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      の項目で設定したアイキャッチ画像の表示設定です。
  5. 説明」の内容をページに表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      説明は、ディスクリプションとして表示されます。また、説明に入力テキストがある場合『表示しない』の設定が効かない場合があります。
  6. 記事一覧リストを表示するかどうか
    • 『表示しない/表示する』の設定ができます。
      手例えばブログパーツ記事一覧を作成し、デフォルトの記事一覧リストが不要な場合に対処します。(表示しない)
  7. ページで呼び出すブログパーツ
    • アーカイブごとにコンテンツを挿入したい場合に活用します。
      ページの上部に表示されます。
      例えば、 の記事一覧リストをカスタマイズする場合、画像やテキストなどをコンテンツ内に入れたい場合など
STEP
SEO SIMPLE PACK 設定

SEO SIMPLE PACK 設定は、「SEO SIMPLE PACK」プラグインをインストールしている場合のみに表示されます。

SWELLと相性のいい必須プラグインです。
インストールしていない方は、検討してみてください。おすすめ

15062-15a:WordPress管理|投稿|タグ|タグを編集

SEO SIMPLE PACK 設定はこちらを参考にしてください。

アーカイブページのベース設定は、カスタマイザーで行います。
以下の記事で詳しくご紹介していますので…ぜひご覧ください。

まとめSWELLでカテゴリー・タグページを個別にカスタマイズ!設定項目を徹底解説


SWELLを使ったカテゴリー・タグページのカスタマイズは、ブログのデザイン性を高めるだけでなく、読者の満足度を向上させるための重要なポイントです。

特定のテーマや目的に合わせてデザインを調整することで、訪問者にとって魅力的でわかりやすいページを作ることができます。

ぜひあなたのブログに個性をプラスしてみてください!この記事がお役に立てば嬉しいです。^^/

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

  • URLをコピーしました!
  • URLをコピーしました!
目次 "Contents"