*

WordPressのサイドバーのカテゴリー欄で子カテゴリーを表示しない方法

公開日: : WordPress

WordPressカテゴリ

WordPress でカテゴリーの設定は基本中の基本です。カテゴリーが全くないのでは見づらいですし、どんな内容の記事があるのかもわかりません。カテゴリーを正しく適切に設定する事によって、見る人もあなたも見やすいですし、Google のクローラーも内容を把握しやすく SEO 的にも良い効果があります。

WordPress では親カテゴリー・子カテゴリー・孫カテゴリーというように大きなカテゴリーから小さなカテゴリーを内包するように設定できます。例えば、グルメ→イタリアン→パスタというように大きなカテゴリから小さく細分化していきます。通常サイドバーにカテゴリーの一覧が表示されるようになります。

しかし、あまりに子カテゴリーが多すぎると下に長くズラリと並んでしまってスタイリッシュではありません。サイドバーをスッキリさせる為に子カテゴリーは表示したくないと思う時もあるでしょう。ここでは子カテゴリーを表示しない方法について紹介します。

子カテゴリーを表示しない

こうやると上手くいきません

まず、陥りやすい方法として上手くいかない方法から紹介します。

WordPress のサイドバーのカテゴリー一覧設定は、管理画面から「外観」→「ウィジェット」にあります。まずは「階層を表示」にチェックを入れています。

この状態では親カテゴリーも子カテゴリーも全て表示されています。という事は階層を表示しなければいいのか!という発想になりがちですが…。

「階層を表示」のチェックを外してみました。

上手くいった!ように見えますが、残念ながら子カテゴリーのみ表示されてしまいました。親カテゴリーのみ表示されてほしいのですが。

上手くいく方法

ではどうすればいいのかと言うと、WordPress の管理画面からではなく CSS で調整します。

通常サイドバーのカテゴリーは次のように出力されているようです。

<ul>
   <li class="cat-item">親カテゴリー
   <ul class="children">
      <li class="cat-item">子カテゴリー</li>
   </ul>
  </li>
</ul>

子カテゴリーは ul のリストで children というクラスが付いています。ようするに、カテゴリーの階層が表示されている状態で children のクラスが付いた ul 要素を非表示にすれば解決できそうです。

カテゴリーの階層を表示します。そして、CSS には以下の記述を追加します。

.children{
	display:none;
}

これだけです。

これで親カテゴリーだけを表示する事ができました。

おわりに

長過ぎるサイドバーをスッキリさせたいなら、カテゴリーリストを短縮化するこのような方法もあります。親カテゴリーページから子カテゴリーへ誘導する仕組みを入れると尚良さそうです。

  • Pocket

おすすめトピックス

関連記事

Stingerで特定記事だけAdsenseを表示しないようにする

このブログでも使っている WordPress の人気テーマ Stinger3 で Adsense を表示しないようにする方法を紹介します。Stinger5 でも同様です。 目次1 Adsenseを非表示にする必要性2 S […]

WordPress管理画面の固定ページの属性の中にテンプレートが表示されないのは何故?

WordPress の固定ページの新規作成画面にテンプレートのドロップダウンメニューがない事に気が付きました。固定ページのテンプレートとは、固定ページに独自のデザインを適用するためのものです。WordPress をカスタ […]

常時SSL
wpXが無料でWordPressの常時SSL機能を提供開始!簡単にhttps化できちゃいます

SSL という言葉は馴染みがないかもしれませんが、https という言葉なら見たことがあるでしょう。ウェブサイトの URL の始まりは「http://」か「https://」のどちらかです。普通のサイトなら前者の方が多い […]

WordPressのパーマリンクを連番にしたいがあるカテゴリだけ除外したい

WordPress のパーマリンクを連番にする方法は既に様々なブログで取り上げられておりここでは割愛しますが、それに加えてやりたい事があったのでメモします。 それは基本的にはパーマリンクは連番にするが、あるカテゴリの投稿 […]

AMP
WordPressを簡単にAMPに対応するテーマやテンプレートを紹介

ウェブサイトの SSL 対応と同様に、いずれ AMP にも対応せざるを得なくなるんじゃないかなぁと思っています。AMP とはスマートフォンなどのモバイル端末でのウェブ閲覧を爆速化するプロジェクトです。AMP に対応したウ […]

WordPressメディアライブラリ
WordPressでメディアライブラリの画像を検索しやすくする為にすべき事

WordPress でサイトやブログを運営していると記事数もさることながら、使用している画像もかなりの数にのぼると思います。WordPress のメディアライブラリには相当な枚数の画像が格納されているでしょう。 ある時、 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
滋賀県長浜市のキーマカレー専門店!倉庫を改装したレトロな「キャリールーム」でランチ

滋賀県長浜市にキーマカレー専門店があるという事を instag

病院経営ゲームのテーマホスピタル新作が2018年秋にSTEAMで発売「Two Point Hospital」

2018年1月16日に病院経営シミュレーションゲーム「Two

Aipo8.1.1オープンソース版で2018年の祝日設定を行う(さくらのVPS)

オープンソース版の無料グループウェア「Aipo」のサポートが2

タイヤのホイールナットが緩んで紛失、1個で買う方法はあるか

車の発進時や曲がる時にわずかなゴリッという音がする事に気づいて

高速道路
高速道路の上りと下りってどっち方面?全国高速道路総まとめ

高速道路には進行方向によって「上り」と「下り」という表現があり

→もっと見る