WordPressでサブカテゴリのスタイルを非表示または設定する方法

サブカテゴリをWordPressで非表示にしますか、それともカテゴリのリストが読みやすくなるようにスタイルを整えますか？

WordPressでは、投稿をさまざまなカテゴリとサブカテゴリに分割できます。これはナビゲーションとSEOに役立ちますが、サブカテゴリの長いリストは、ウェブサイトで常に見栄えがよくないとは限りません。

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

なぜWordPressでサブカテゴリを使用するのですか？

WordPressサイトに投稿を書くと、カテゴリとタグを使用してそれらを整理できます。コンテンツを正しく分類すると、SEOを改善することができます。これにより、ウェブサイトにより多くのトラフィックがもたらされます。

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

たとえば、旅行ブログには、米国で訪問する目的地に関するカテゴリがある場合があります。コンテンツが成長するにつれて、シカゴ、ロサンゼルス、ニューヨークなどの都市向けのサブカテゴリを作成することは理にかなっています。

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

これを行うには、WordPressダッシュボードの外観»ウィジェットにアクセスし、カテゴリウィジェットで表示階層ボックスを選択します。

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

このガイドでは、サブカテゴリを非表示にしてカテゴリリストをナビゲートしやすくする方法を示します。また、クリーナーの外観のためにサブカテゴリをスタイリングする方法も紹介します。

WordPressのサブカテゴリを非表示にするためにCSSを使用する方法

この記事では、CSSコードスニペットを使用してサブカテゴリを非表示にし、スタイリングします。スニペットをテーマのstyle.cssファイル、wpcodeなどのスニペットプラグインに直接追加するか、WordPressダッシュボードのテーマカスタマイザーを使用して追加できます。

CSSを追加することは初心者にとって難しい場合があり、間違いを犯すとWordPressサイトが台無しになる可能性があります。コードスニペットを使用するのが初めての場合は、WordPressサイトにカスタムCSSを簡単に追加する方法に関するガイドをご覧ください。

そうは言っても、WordPressでサブカテゴリを隠す方法を見てみましょう。

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

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

これはきれいに見えますが、今では訪問者はサブカテゴリを見ていません。 WordPressカテゴリページにサブカテゴリを表示する方法を確認するためのガイドをご覧ください。

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

CSSを使用して、WordPressのサブカテゴリをスタイリングする方法

CSSを使用して、カテゴリとサブカテゴリの外観をカスタマイズすることもできます。これは、CSSに関するあなた自身の知識と、現在のトピックでそれらがどのように見えるかにどのような変更を加えたいかに依存します。

たとえば、階層にサブカテゴリを表示する場合、垂直バーを追加すると、どのカテゴリが同じレベルにあるかをすばやく確認できます。これを行う方法を見てみましょう。

サブカテゴリのスタイルを変更することは、それらを隠すことと同じです。以下のコードをコピーして、style.css、wpcodeプラグイン、またはwordpressテーマカスタマイザーに貼り付ける必要があります。

コードを調整して、スタイルを好みに合わせてカスタマイズしてください。

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

このチュートリアルが、サブカテゴリを隠し、WordPressのスタイルを変更する方法を学ぶのに役立つことを願っています。また、Webサイトを拡張するためにEssential WordPressプラグインのリストをチェックしたり、WordPressに関連する投稿を表示する方法に関するチュートリアルをご覧ください。

以上がWordPressでサブカテゴリのスタイルを非表示または設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。