カテゴリページのデザインを変更したい

2022-12-31

概要

投稿ページや固定ページには「カスタムＣＳＳ」という項目があります。
これを利用してデザインを変更することが可能です。

しかしカテゴリページには「カスタムＣＳＳ」という項目がありません。

どうすればデザインを変更することができるのか？
調べたところ、全体ＣＳＳの中に以下のスタイルシートを追記すれば良いようです。

.category {
	/* ここにスタイル */
}

カテゴリページ全てではなく、特定のカテゴリページのみ変更したい場合は以下です。

.categoryid-10 {
	/* ここにスタイル */
}

「10」というのはカテゴリのＩＤです。
適用させたいカテゴリのＩＤを変更することで、個別にデザインを変更していくことが可能です。

全カテゴリページのタイトルを変更したい場合。
タイトルは「h1」です。

.category h1 {
color: #000;
text-align:center;
}

このように追記すると適用できます。

投稿ページのリンクはidで「list」制御されています。

.category #list{
display: none;
}

こんなことすると記事が非表示になります。
上記をする場合は以下も追記して、ページネーションを非表示にしましょう。

.category .pagination-next,.pagination{
display: none;
}