WordPressでサブカテゴリーを非表示にする方法

WordPressでサブカテゴリーを非表示にしたり、カテゴリーリストが読みやすいようにスタイルを設定したいですか？WordPressでは、投稿をさまざまなカテゴリーやサブカテゴリーに分けることができます。これはナビゲーションやSEOに役立ちますが、サブカテゴリーの長いリストは必ずしもサイト上で見栄えが良いとは限りません。

このチュートリアルでは、コードスニペットを使ってサブカテゴリーを非表示にし、スタイルを変更する方法を紹介します。

なぜWordPressでサブカテゴリーを使うのか？

WordPressのウェブサイトに記事を書くとき、カテゴリーとタグを使って整理することができます。コンテンツを正しく分類することで、ウェブサイトを改善することができます。検索エンジン最適化（SEO）そうすることで、あなたのウェブサイトにより多くのトラフィックをもたらすことができる。

投稿を整理することで、サイトのナビゲーションも改善され、訪問者は探しているものをより簡単に見つけることができます。サイトの構造が複雑になれば、サブカテゴリーを作成することもできます。

例えば、旅行ブロガーがアメリカの観光地についてのカテゴリーを持つかもしれない。コンテンツが大きくなるにつれて、シカゴ、ロサンゼルス、ニューヨークなどの都市のサブカテゴリーを作ることは理にかなっているかもしれない。

WordPressウィジェットでカテゴリを表示する場合、フラットリストまたは階層構造のいずれかを使用できます。それぞれのオプションがデモサイトでどのように見えるかを示します：

サブカテゴリーを階層リストで表示できる

これは、WordPressダッシュボードの外装状態→ウィジェットをクリックし、カテゴリーウィジェットの "階層を表示 "ボックスをチェックしてください。

どのオプションを選んでも、リストは長く管理しにくいものになり、WordPressサイトの見栄えもよくありません。

WordPressでCSSを使ってサブカテゴリーを非表示にする方法

CSSコードスニペットを使用して、サブカテゴリーを非表示にしたり、スタイルを設定したりします。コードスニペットはテーマの スタイル.css ファイル、コードスニペットプラグイン (ダブルPCコード)、またはWordPressダッシュボードのテーマカスタマイザーを使って追加する。

CSSの追加は初心者には難しく、ミスをするとWordPressサイトが壊れてしまうこともあります。

WordPressでサブカテゴリーを非表示にする方法を見てみよう。

サブカテゴリーを隠す手順

以下のコードをコピーして、テーマのstyle.cssファイル、コード・スニペット・プラグイン、またはWordPressテーマ・カスタマイザーに貼り付ける必要があります：

.children { display: none; }

• テーマカスタマイザーを使ってサブカテゴリーを隠す

テーマカスタマイザーを使うには、まず"外装状態"""カスタマイズ"

次に、リストの一番下をクリックする。その他のCSS".その後、コードを貼り付け、" "をクリックします。ポスト「ボタンをクリックします。

これで、WordPressサイトにアクセスして、サブカテゴリーが非表示になっていることを確認できます。以下は、テストサイトの表示前と表示後のスクリーンショットです：

前後のサブカテゴリーを隠す：

これで見た目はすっきりしましたが、訪問者はサブカテゴリーを見ることができません。WordPressのカテゴリーページにサブカテゴリーを表示する方法については、こちらのガイドをご覧ください。

このようにすると、訪問者が「アメリカ」カテゴリーをクリックすると、そのページにあるシカゴ、ロサンゼルス、ニューヨークなどのサブカテゴリーへのリンクが表示される。

WordPressのサブカテゴリーをCSSでスタイル設定する方法

CSSを使ってカテゴリーやサブカテゴリーの外観をカスタマイズすることも可能です。これはCSSの知識と、現在のテーマでどのような変更を加えるかによります。

サブカテゴリーのスタイルを設定する手順

サブカテゴリーのスタイルを変更する方法は、非表示と同じです。以下のコードをコピーして スタイル.cssそしてWPCodeプラグインまたはWordPressのテーマカスタマイザーで：

.children {
    padding: 0 0 0 5px；
    margin: 0 0 0 2px；
    border-left: 1px solid #333；
}

テーマカスタマイザーを使ってサブカテゴリーのスタイルを設定する

テーマカスタマイザーを使用している場合は、"ポスト「ボタン

完了したら、WordPressサイトにアクセスして変更をプレビューしてください。

また、CSSを使ってWordPressテーマの他の要素にスタイルを設定することもできます。例えば、CSSを使ってカテゴリーごとに異なるスタイルを設定することができます。

はんけつをくだす

WordPressでサブカテゴリーを非表示にしたり、スタイルを設定することで、サイトを整理整頓し、ナビゲートしやすくすることができます。シンプルな CSS コードスニペットを使用することで、サブカテゴリーの表示方法を簡単に制御できます。