AFFINGER６：カテゴリーの作成とカテゴリーページのカスタマイズ方法

カテゴリーの作成方法

カテゴリーは簡単に言えば「記事の分類」のことです。

カテゴリーを適切に設定することで、読んでいる方に見やすいサイトを作成することができます。

新規カテゴリーを作成する方法

新規カテゴリーを作成するには「投稿」→「カテゴリー」を選択します。

①　名前の入力

カテゴリー名を入力します。

②　スラッグ

スラッグはURLに適した形式の名前です。

カテゴリー名に日本語を使用する場合、スラッグの入力欄にはそのカテゴリーを英語に訳して半角英数字（小文字）とハイフンを用いて入力するようにしましょう。

例えば、「サンプルカテゴリー１」というカテゴリー名の場合、スラッグには「sample-category1」と入力します。

スラッグについては別記事のパーマリンクの設定についての記事で解説していますので、そちらを参考にしてみてください。

③　親カテゴリー

親カテゴリーを設定することができます。

設定しない場合は「なし」で大丈夫です。

入力が終わったらページ下の「新規カテゴリーを追加」をクリックすればカテゴリーの作成は完了です。

↓　作成したカテゴリーが表示されます。

カテゴリーページの表示を確認する

作成したカテゴリーの実際表示を確認するには「表示」を選択します。

実際の表示はこんな感じです。

上の画像では記事がひとつも無い状態なので、何も表示されていませんが記事を作成してカテゴリーを設定すればページ内に記事が表示されます。

子カテゴリーを作成する方法

カテゴリーは階層構造を作ることができます。

例えば「動画」「映画」「ドラマ」「アニメ」といったカテゴリーを作成した場合、「動画」を親カテゴリーとし「映画」「ドラマ」「アニメ」を「動画」を上位のカテゴリーとする「子カテゴリー」として設定することもできます。

子カテゴリーは「親カテゴリー」の一覧から親カテゴリーに設定したいカテゴリー名を選択すればOKです。

新規作成でもカテゴリーの編集画面でも「親カテゴリー」の設定はいつでも可能です。

親カテゴリーの下に子カテゴリーが表示されます。

カテゴリーページのカスタマイズ方法

カテゴリーの「編集」からカテゴリーページの編集をすることができます。

カテゴリーの編集ページではカテゴリーに関する１４項目の設定が可能です。

①　名前　（必須）	カテゴリー名を入力
②　スラッグ　（必須）	スラッグを入力
③　親カテゴリー	親カテゴリーの設定
④　説明	カテゴリーページに任意のコンテンツを挿入
⑤　アイキャッチ画像を登録	-
⑥　カテゴリリンクのサムネイル画像を登録	-
⑦　categoryタイトルの書き替え	タイトルの書き替えが可能
⑧　categoryのメタキーワード	メタキーワード
⑨　categoryのメタディスクリプション	メタディスクリプション
⑩　背景色	記事のサムネイル画像に表示されるカテゴリー背景色
⑪　投稿の一覧表示	カテゴリーページへの投稿一覧表示の有無
⑫　SNSボタンの表示	SNSボタンの表示の有無
⑬　１カラム（EX版限定）	１カラム設定
⑭　noindexにする（EX版限定）	noindexの設定

①　名前

カテゴリーの名前を入力します。

基本的にはこの名前がカテゴリーページのタイトルになります。

②　スラッグ

スラッグは上記で説明したようにURLに適した形式の名前です。

スラッグを変更すると、そのページは全く新しいカテゴリーページとした扱いになります。

もし検索エンジンからそのカテゴリーページが高評価を受けていた場合は、スラッグを変更してしまうとまた評価ゼロからスタートになってしまいますので、スラッグは一度設定したら変更しないことをお勧めします。

③　親カテゴリー

「親カテゴリー」を設定することができます。

④　説明

ここではカテゴリーページに任意のコンテンツを挿入することができます。

例えば、カテゴリーページに「記事一覧」という見出しを挿入してみます。

実際表示を確認してみるとこんな感じです。

もっと自由にコンテンツを編集したい方はマイブロック機能を利用するのがお勧めです。

カテゴリーページのコンテンツを自由に編集する方法

まず「マイブロック」→「新規作成」を選択します。

マイブロックの編集ページで普通の記事を書く要領でカテゴリーページのコンテンツを作成します。

試しに下のようなリストや記事一覧を載せたコンテンツを作成しました。

※　タイトルは表示されないので自由に設定して大丈夫です。

コンテンツの作成が終了したら「更新」をクリックして保存します。

次に作成したマイブロックのショートコードをコピーします。

コピーしたショートコードをカテゴリー編集ページの「説明」入力欄に貼り付けます。

更新をクリックして保存すれば、こんな感じにカテゴリーページに反映されます。

コンテンツを編集したいときはマイブロックの内容を編集すればOKです。

⑤　アイキャッチ画像を登録

アイキャッチ画像の登録やその画像をタイトル下に表示させることができます。

実際にタイトル下にアイキャッチ画像を登録するとこんな感じです。

アイキャッチ画像についての詳細は別記事を参考にしてみてください。

⑥　カテゴリリンクのサムネイル画像を登録

アイキャッチ画像の項目と同様にサムネイル画像を登録できます。

ここで登録したサムネイル画像は「カテゴリーメニュー」をサイドバーなどに設定した時に表示させることができます。

カテゴリーメニュー：サムネイル画像の例

この例ではアイキャッチ画像をそのままサムネイル画像として登録してありますが、違った画像をアップロードしてオシャレなカテゴリーメニューにカスタマイズすることもできます。

⑦　categoryタイトルの書き替え

カテゴリーのタイトルを書き替えることができます。

タイトルを書き替えた実際表示はこんな感じです。

⑧　categoryのメタキーワード

メタキーワードにはそのカテゴリーに関連するキーワードを入力します。

複数入力する際はカンマで区切って入力します。

以前はページを上位表示させる工夫として、重要度も高かったようですが現在はそれほど重要ではないようです。

⑨　categoryのメタディスクリプション

メタディスクリプションにはカテゴリーページの説明を入力します。

メタディスクリプションの書き方については別記事で解説していますので、そちらも参考にしてみてください。

⑩　背景色

ここで設定する背景色とはどこのことか解りにくいと思います。

この背景色は記事を作成してカテゴリーを設定した際に、記事一覧などのサムネイル画像上に表示されるカテゴリー表示の背景色です。

説明だけでは解りにくいと思いますので、下の画像のサンプルページ記事ごとのカテゴリーの背景色が違っていますよね。

この背景色を変更できるのが、ここの設定です。

⑪　投稿の一覧表示

カテゴリーページに投稿一覧を表示させるかを設定できます。

⑫　SNSボタンの表示

SNSボタンを表示させるかを設定できます。

SNSボタンを表示させるとこんな感じです。

⑬　１カラム（EX版限定）

カテゴリーページを１カラムに設定できます。

ページを１カラムにするとサイドバーは表示されなくなります。

１カラムに設定するとこんな感じです。

⑭　noindexにする(EX版限定）

カテゴリーページをnoindexに設定できます。

noindexとは検索エンジンにあえてそのページを登録したくない場合に設定します。

内容が乏しいページはサイトの評価を逆に下げてしまう可能性があります。

なので、そのようなページに対して「登録しないでくださ～い」と設定するのがnoindexの設定になります。

あくまでお願いなので、必ずしも登録されないとは限りません。

以上がAFFINGER６（アフィンガー６）でカテゴリーを作成する方法とカスタマイズの方法になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-