WORDPRESS

【2021年】WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定するやり方を初心者向けに解説【スラッグを忘れずに設定しよう】

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法

専業ブロガー4年目のあずきです🐥

 

WordPressで記事を作っていくうえで、まず押さえておきたい基礎的なポイントの1つ…

カテゴリー&タグ

の使い方について、ブログ初心者さん向けに1からわかりやすく解説していきます

 

まず、WordPressブログにおける「カテゴリー」とは…

 

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 top-01-a

 

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 top-01-b

 

↑ このように、「記事ごとの冒頭エリア」や「サイドバーエリア」などに表示される…

「大小さまざまなジャンル」でブログ内の記事ページを分類する

ためのもの

例えば料理ブログなら、「和食」「フレンチ」「イタリアン」みたいな感じだね!
 

で、もう一方の「タグ」とは…

 

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 top-02

 

↑ このように、「記事ごとの末尾エリア」などに表示される…

「カテゴリーとはまた違った角度や属性」で記事ページを分類する

ための「さまざまなキーワード」を指します(例 時短レシピ / おすすめ料理グッズ )

 

補足

前者の「カテゴリー」は、「この記事はこのカテゴリーに属してるよ!」といった意味合いで…

記事ごとで必ず1つは設定する

(デフォルトでは「未分類」というカテゴリーに設定されています)

という必要がありますが、後者の「タグ」についてはあくまで「使いたければ使う!」という…

任意のオプション機能

になります(参考までに、当ブログでは「タグ」は使っていません)

シンプルに、ユーザー視点で「タグもあった方が便利そう」と思うなら作ればOK!
 

こうした「カテゴリー」や「タグ」は、それぞれの記事ページが属している…

「ジャンル」や「キーワード」をユーザーに示すことができる

という役割に加えて、それらの「カテゴリーリンク」や「タグリンク」をクリックすると…

 

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 top-03-a

 

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 top-03-b

 

↑ このように、ブログ内で…

同じカテゴリーやタグに属している「記事一覧」ページ

に遷移することが可能です

つまり「カテゴリー」や「タグ」を追加していくたびに、それに該当してる記事群の「一覧ページ」が自動で作られるよ!
 

そんなWordPressブログにおける「カテゴリー&タグ」の使い方について、2つのステップで丁寧に解説していきます

  1. 「カテゴリー&タグ」の作り方【スラッグ設定から階層(親カテゴリー&子カテゴリー)の作り方まで】
  2. 記事ごとで「カテゴリー&タグ」を設定する方法

ということで、さっそく見ていきましょー🐥

【2021年】WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定するやり方を初心者向けに解説【スラッグを忘れずに設定しよう】

ステップ1:WordPressブログにおける、「カテゴリー&タグ」の作り方【スラッグ設定から階層(親カテゴリー&子カテゴリー)の作り方まで】

WordPress ヘッダー b-01

まずは、WordPress管理画面の左側一覧から…

投稿 > カテゴリー

を開きます

 

ちなみに、「カテゴリー」ではなく「タグ」を作りたい場合は…

投稿 > タグ

の方を開けばOKです

「カテゴリー」も「タグ」も設定画面の仕様は基本的に同じだから、ここからは「カテゴリー」をメインに解説していくよ!
 

すると…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-01-a

↑ 新規カテゴリー(もしくはタグ)の作成画面になるので、まず1番上側の「名前」という欄に、任意のカテゴリー名(もしくはタグ名)を入力しましょう

 

つづいて、そのすぐ下側に表示されている…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-01-b

↑「スラッグ」という欄について

 

ここで言う「スラッグ」とは、「カテゴリー」を新たに追加するたびに自動で作成される…

カテゴリーごとの「記事一覧ページ」のURL

(例 https://azuki-moomoo.com/category/●●●●●/ )

のうち、 ●●●●● にあたる部分の文字列を指します

 

で、このスラッグに使用できる文字列というのは通常、【半角小文字】で…

  • 英数字
  • 記号も使いたい場合は「ハイフン」のみ

が原則なので、注意しましょう

【日本語】で入力しちゃうと、ページURLが「文字化け」するから気をつけよう!
 
 

ちなみに「タグ」の場合も、まったく同様に…

タグごとの「記事一覧ページ」のURL

(例 https://azuki-moomoo.com/tag/●●●●●/ )

のうち、 ●●●●● にあたる文字列を指します

 

「タグ」の設定例がこちら ↓

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-02

 

ということで!

 

「名前」と「スラッグ」を設定できたら、左下に表示されている「新規カテゴリーを追加」をクリックして、作成完了です🐥

タグの場合は、「新規タグを追加」をクリック!
 

これで、設定画面の右側を見てみると…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-03-a

↑ 今回作成した「カテゴリー」が、カテゴリー一覧に追加されました🐥

 

「タグ」の場合もまったく同様です ↓

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-03-b

 

ちなみに!

 

上記の「カテゴリー」作成手順のなかで…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-04-a

↑「親カテゴリー」という項目がありますが、こちらは…

作成済みのカテゴリー

(例:季節)

がすでに存在している状態で、そのカテゴリーを ”さらに細分化” するための…

「子」カテゴリー

(例:夏)

を新たに作りたい場合などに…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-04-b

↑ このように、そのカテゴリー(例:夏)から見て…

「親」にあたるカテゴリー

(例:季節)

を設定できるものです

 

こうした「親カテゴリー」「子カテゴリー」という ”階層” を設定することで、ブログ画面上では…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-1-04-c

↑ このように、カテゴリーを「階層付き」で表示させることが可能になります

ただ実際に「階層表示」されるかどうかは、使用してるWordPressテーマごとの「カテゴリー表示設定」にもよるよ!
 

ということで…

 

今度は、作成した「カテゴリー」や「タグ」を記事ごとで設定していきましょう🐥

 

ステップ2:WordPressブログにおける、記事ごとで「カテゴリー&タグ」を設定する方法

WordPress ヘッダー b-02

補足

ご紹介する内容は、いずれも「クラシックエディタ」の前提となります。「グーテンベルグ」をお使いの方はご了承ください

 

「そもそもクラシックエディタとグーテンベルグってなに…?」という場合はこちらをどうぞ ↓(重要です)

WordPressクラシックエディタとグーテンベルグとは?【プラグイン「Classic Editor」の導入方法まで】
WordPressクラシックエディタとグーテンベルグとは?初心者向けに1から解説【プラグイン「Classic Editor」の導入方法まで】

続きを見る

 

記事ごとで「カテゴリー」を設定する

 

まずWordPressの「投稿」編集画面を開くと、画面の右列に…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-01-a

↑「カテゴリー」という設定エリアがあり、作成済みのカテゴリーが表示されているので、このなかから任意のカテゴリー(例:季節)にチェックを入れるだけ

 

あとは記事を「公開」もしくは「更新」することで…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-01-b

↑ 記事ページの冒頭エリアなどに、選択したカテゴリーが表示されます🐥

1つの記事に「複数」のカテゴリーを設定することも可能だけど、「SEO」的にはあんまり良くないって言われてるよ!
 

関連

「カテゴリー表示の色・デザインをカスタマイズする方法」は、お使いのWordPressテーマによって異なります

 

当ブログでも使用中の「ACTION AFFINGER6」におけるカスタマイズ方法は、こちらをどうぞ ↓

AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法
AFFINGER6「カテゴリー&投稿日時&ぱんくずリストの色設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

続きを見る

 

ちなみに「サイドバーエリア」側を見てみると…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-01-c

↑「カテゴリー」というサイドバーウィジェットのなかに、「季節」というカテゴリーが追加表示されました🐥

カテゴリーだけ作っても、「そのカテゴリーに設定した記事」が1つもない状態だと、一覧には表示されないから気をつけよう!
 

関連

「サイドバーウィジェットの色・デザインをカスタマイズする方法」も、お使いのテーマによって異なります

 

当ブログでも使用中の「ACTION AFFINGER6」におけるカスタマイズ方法は、こちらをどうぞ ↓

AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法
AFFINGER6「サイドバー・ウィジェットタイトルの色&デザイン設定」のカスタマイズ方法を初心者向けに解説【ACTION/WordPressブログ】

続きを見る

 

記事ごとで「タグ」を設定する

 

まず「投稿」編集画面の右列を見ると、「カテゴリー」のすぐ下側に…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-02-a

↑「タグ」という設定エリアがあります

 
ただ「カテゴリー」と違って、作成したはずの「タグ」がまだなにも表示されてないね
 

【ステップ1】で作成したタグを呼び出すには…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-02-b

↑ 入力フォームにお探しのキーワードを入力したうえで、検索候補として表示される「作成済みのタグ(例:時短レシピ)」を選択すればOK

 

すると、その記事に…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-02-c

↑ 選択した「タグ」が設定される形です

 

あとは同じように記事を「公開」もしくは「更新」することで…

WordPress「カテゴリー&タグ」の作り方と、記事ごとで設定する方法 1-2-02-d

↑ 記事ページの末尾エリアなどに、設定した「タグ」が表示されるようになります🐥

 

人気記事

 

今回の記事はこちらの章に属しています

 第7章 記事投稿 編          

次の章はこちらからどうぞ

 第8章 収益化 編           

全8章のTOPページです

あずきのワードプレスブログ「完全初心者」ガイド

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

ACTION AFFINGER6

 

   ✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性!

   ✔ 時間のかかる面倒なカスタマイズも「クリック1つ」でさくさく実現!

   ✔ 「稼ぐ」に特化した、本気で戦うための最適化&アフィリエイト機能!

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

 

公式:「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

関連:【1番の本質】ACTION AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー【WordPressの愛用テーマ】

AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー
【1番の本質】ACTION AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー【WordPressの愛用テーマ】

続きを見る

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

 

独立4年目 / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^

-WORDPRESS