Cocoonカスタマイズ 〜HARU channelを作ってみよう〜【その３：カテゴリー】

WordPressの無料テーマ「Cocoon（コクーン）」。

それを使って、私が当サイト「HARU channel」をどのようにカスタマイズしてきたのか、その過程をご紹介しています。


前回は、投稿を複数個作成したところまで進みました。

これを最終的に、以下の状態にまでカスタマイズしていきます。

今回は、

• カテゴリー

について、説明していきます。

カテゴリーとは

カテゴリーとは、投稿（ブログ記事）をジャンル分けするために使うもの、とでも思ってもらえればいいと思います。


当サイトでは、上のメニュー部分に表示しています。

ちなみに、このメニュー部分の呼び方ですが、

• グローバルメニュー
• グローバルナビゲーション
• ナビゲーションメニュー
• ヘッダーメニュー

などと呼ばれます（正式名称があるわけではないので、呼び方が多いです…笑）。



では、投稿のジャンル分けとはどういうことでしょうか。

例えば、「ブログ・Web制作」の部分をクリックすると…

ブログ・Web制作に関する記事の一覧が出てきます。
（よければ実際にクリックして確認してみてくださいね。）



カテゴリーの考え方を図で表すと、以下のようになります。

青い太線で囲っているところがカテゴリーです。

あくまで、当サイトでのカテゴリー（2021/10時点）の一例ですが、「投稿のジャンル分け」というイメージが分かりましたでしょうか。


続いて、カテゴリーの作成方法を説明していきます。

カテゴリーの作成方法

この要領で、必要なカテゴリーを追加していきます。
（追加・削除はいつでも行うことができますので、定期的に見直していくことをおすすめします。）

投稿へのカテゴリーの設定方法

では、作成した記事に、カテゴリーを設定するにはどうすればいいのでしょうか？

投稿の編集画面を開き、右側の「投稿」タブ→「カテゴリー」の欄より、設定したいカテゴリーにチェックを入れます。

上の画像の場合だと、「妊活」にチェックを入れておけば、「結婚・出産」のカテゴリーにもチェックが入っていることになるので、子カテゴリーにのみチェックを入れておけば大丈夫です。


チェックを入れたら「更新」をクリックして、カテゴリーの設定は完了です。

カテゴリーの表示方法

続いて、カテゴリーをナビゲーションメニュー（ページ上部のメニュー）として表示する方法をご紹介します。

---

以上のカスタマイズをして、サイトは以下のような状態になりました。

少し分かりにくいですが、ヘッダー部分（サイト上部）にナビゲーションメニューが追加されましたね。


次回は、

• 固定ページ

について解説します！