【Cocoon】カテゴリーの設定とおすすめの設置場所4つ【初心者必見】
「カテゴリーの設定方法は？」
「カテゴリーの順番を変えられる？」
「カテゴリーラベルを非表示にしたい」
この記事では、そんな方に向けて、Cocoonでカテゴリーの設定方法とおすすめの設置場所を解説します。
かめコンパスこんにちは、かめコンパスです！
この記事を読めば、カテゴリーを設定する方法はもちろん、
- おすすめの設置場所
- 順番を変える
- ラベルを非表示にする
などかんたんに理解できるようになります。
私も本記事の方法できれいにカテゴリー分けでき、ユーザーにとって利便性の高いブログに出来上がりました。
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！
また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。
さっそく本題に入りましょう。
当ブログ愛用のWordPressテーマ
＼もっと早く乗り換えればよかった…／
使い心地バツグン、高機能でオシャレ！
Cocoonカテゴリーを設定する方法
Cocoonでカテゴリーを設定する方法は、下記の通りです。
WardPress管理画面で、投稿⇒カテゴリーの順にクリックする
表示されたページでカテゴリー設定する。
設定し終えたら、新規カテゴリーを追加をクリックする
カテゴリーの設定・作成完了！
かめコンパスさらに細かく設定したい場合は、次に進んでね
追加されたカテゴリーの編集をクリックする
表示されたページでカテゴリー設定する
設定し終えたら、更新をクリックする
カテゴリーの細かな設定完了！
カテゴリーで設定できる項目は、下記11つあります。
それぞれ詳しく解説します。
ラベル名を入力する
「名前」では、ラベルなどに表示されるカテゴリー名を決めれます。
かめコンパス名前はシンプルで分かりやすく！
URLの末尾を設定する
「スラッグ」では、URLの末尾を英数字とハイフンのみで設定できます。
かめコンパスURLは日本語NGだよ
カテゴリーの階層を指定する
「親カテゴリー」では、
- なし(＝親カテゴリー)
- 作ったカテゴリー(＝子カテゴリー)
の2つから選べます。
背景・文字色を変える
「カテゴリー色」では、
- 背景色
- 文字色
の2ヵ所を変更できます。
設定したい色が見つからない場合は、設定したい色のカラーコードを入力すると見つかります。
カラーコードで設定したい色を見つける方法は、下の記事を参考にしてください。
タイトルを決める
「タイトル」では、カテゴリーページのタイトルを決めれます。
カテゴリーページの説明文を書く
「本文」では、カテゴリーページの説明文を入力できます。
アイキャッチ画像を選ぶ
「アイキャッチ」では、カテゴリーページのタイトル下に表示する画像を設定できます。
メタディスクリプションを入力する
「メタディスクリプション」では、カテゴリーページの説明文を入力できます。
メタキーワードを入力する
「メタキーワード」では、どんなキーワードに関するカテゴリーなのか入力できます。
かめコンパスメタキーワードは未入力でOKだよ
メモを記す
「説明」では、カテゴリーページでメモしたいことを記します。
かめコンパス説明も未入力でOK！
インデックス設定する
「noindex」では、Googleなどの検索結果に表示させるかどうかを指定できます。
かめコンパス基本的にインデックスしないに✔しよう
Cocoonカテゴリーを設置する4つの場所
Cocoonでカテゴリーを設置する場所は、下記4つです。
それぞれ詳しく解説します。
トップページに設置する
トップページでは、下記5つの表示形式からカテゴリーを設置できます。
- 一覧（デフォルト）
- タブ一覧
- カテゴリーごと
- カテゴリーごと（2カラム）
- カテゴリーごと（3カラム）
トップページにカテゴリーを設置する方法は、下記の通りです。
WardPress管理画面で、Cocoon設定⇒インデックスの順にクリックする
変更をまとめて保存をクリックする
トップページにカテゴリーを設置完了！
サイドバーに設置する
サイドバーにカテゴリーを設置する方法は、下記の通りです。
WardPress管理画面で、外観⇒ウィジェットの順にクリックする
- 利用できるウィジェットにある「カテゴリー」をプルダウン
- サイドバーを選ぶ
- ウィジェットを追加をクリックする
サイドバーにカテゴリーを設置完了！
ヘッダーに設置する
ヘッダーにカテゴリーを設置する方法は、下記の通りです。
WardPress管理画面で、外観⇒メニューの順にクリックする
「新しいメニューを作成しましょう」をクリックする
- メニュー名を入力
- メニュー設定の「ヘッダーメニュー」に✔
- メニューを作成をクリックする
かめコンパスメニュー名は分かりやすいように「ヘッダー」でOK
- カテゴリーをプルダウン
- 設置したいカテゴリーに✔
- メニューに追加をクリックする
- メニューを保存をクリックする
ヘッダーにカテゴリーの設置完了！
ヘッダーをモバイルでも表示させたい！カスタマイズしたい！という人は、下の記事も見てください。
フッターに設置する
フッターにカテゴリーを設置する方法は、下記の通りです。
WordPress管理画面で、外観⇒ウィジェットの順にクリックする
- 利用できるウィジェットにある「カテゴリー」をプルダウン
- フッター左・中・右から選ぶ
- ウィジェットを追加をクリックする
フッターにカテゴリーを設置完了！
フッターをモバイルでも表示させたい！カスタマイズしたい！という人は、下の記事も見てください。
Cocoonカテゴリーの順番を変える方法
Cocoonでは、下記3つの場所に設置したカテゴリーの順番を変えれます。
それぞれ詳しく解説します。
「トップページ」編
トップページでカテゴリーの順番を変える方法は、下記の通りです。
WardPress管理画面で、投稿⇒カテゴリーの順にクリックする
カテゴリーIDを覚える
※IDの表示がない場合は、
- ページ上にある「表示オプション」をプルダウン
- IDに✔を入れる
- 適用をクリックする
これでカテゴリーIDが表示されます。
Cocoon設定⇒インデックスの順にクリックする
「カテゴリー表示の順番を変える場合はこちら」をクリックする
変更をまとめて保存をクリックする
トップページでカテゴリーの順番を変更できた！
「サイドバー」編
サイドバーでカテゴリーの順番を変える方法は、下記の通りです。
WardPress管理画面で、外観⇒ウィジェットの順にクリックする
サイドバーをプルダウンし、ドラック&ドロップでカテゴリーの順番を入れ替える
サイドバーでカテゴリーの順番を変更できた！
「ヘッダー」編
ヘッダーでカテゴリーの順番を変える方法は、下記の通りです。
WardPress管理画面で、外観⇒メニューの順にクリックする
メニューに追加されているカテゴリーを並び替えて、メニューを保存をクリックする
ヘッダーでカテゴリーの順番を変更できた！
Cocoonカテゴリーラベルを非表示にする方法
Cocoonでは、下記2つのページでカテゴリーラベルを非表示にできます。
それぞれ詳しく解説します。
投稿・固定ページで非表示にする
投稿・固定ページでカテゴリーラベルを非表示にする方法は、下記の通りです。
WardPress管理画面で、Cocoon設定⇒画像の順にクリックする
変更をまとめて保存をクリックする
投稿・固定ページでカテゴリーラベルを非表示にできた！
トップページで非表示する
トップページでカテゴリーラベルを非表示にする方法は、下記の通りです。
WardPress管理画面で、外観⇒カスタムサイズの順にクリックする
追加CSSをクリックする
下記コードを入力し、公開をクリックする
.cat-label {
display: none;
}コードをそのままコピペしてね！
かめコンパス私はメモ帳に元のテキストを保存してます
トップページでカテゴリーラベルを非表示にできた！
当ブログ愛用「SWELL」はカテゴリーページをサイト型にできる！
当ブログでは、2024年4月からWordPressテーマ「SWELL」を使っています。
SWELLでは、カテゴリーページをトップページのようにサイト型へ変更することができます。
かめコンパス通常は、記事が新着順に並んだブログ型だよ
以下は、ブログ型とサイト型の比較表です。
| ブログ型 | サイト型 | |
|---|---|---|
| 記事の並び順 | 新着順 | 自由 |
| その他コンテンツの配置 | できない | できる |
| デザイン性 | 低い | 高い |
SWELLのサイト型カテゴリーページは、
- 人気記事やおすすめ記事順で並べ替えたり
- 吹き出しや画像を挿入できたり
- 好きなようにデザインしたり
できます。
かめコンパスカスタマイズ性の高さがサイト型の特徴だよ
よりカスタマイズ性が高く、おしゃれなカテゴリーページを作りたい人に、SWELLもおすすめですよ。
まとめ：カテゴリーを作成して利便性UP
今回は、Cocoonでカテゴリーの設定方法とおすすめの設置場所を紹介しました。
以下の記事では、カテゴリー以外のカスタマイズ方法も紹介しています。
また当ブログでは、Cocoonに関する記事をいくつか書いてます。
下のカテゴリーページにまとめていますので、のぞいてみてください。
かめコンパスためになったという人は“コメント”してくれると嬉しいです！
この記事が気に入ったら
フォローしてね！
コメント