*

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

おすすめトピックス

関連記事

WordPressのサイト内検索で各記事に検索キーワードを設定する【プラグインなし】

WordPress の各記事に検索キーワードを設定する事はできないだろうか?とふと思いました。通販サイトなどでは商品説明とは別に検索キーワードが個別に設定できるものです。これが WordPress でできないだろうかと。 […]

WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログやサイトを運営しているなら必ず目にするものですが、投稿一覧に表示される記事の数を変更する必要がありました。普通にブログを書くだけなら、投稿一覧の記事数な […]

wpX
WordPress専用超高速サーバー「wpX」へ移転で詰まった事

当ブログを WordPress 専用レンタルサーバー「wpX」へサーバー移転を行いました。高速サーバーを謳うレンタルサーバーはとても月額費用が高くてなかなか手を出せなかったのですが、wpX は月額1,000円(12ヶ月契 […]

Stinger6
【STINGER6】トップページのtitleタグから-(ハイフン)を除去する

WordPress の人気テーマの STINGER シリーズから最新の STINGER6 が公開されました。公式サイトより無料でダウンロードできます。 全てはブログを書く為に。 – WordPress無料テー […]

アイキャッチ画像を自動で投稿に表示
WordPressで中サイズ画像を取得しアイキャッチ画像を自動で投稿に表示する

WordPress でブログやサイトをやっている人なら、冒頭にアイキャッチ画像を入れる人も多いと思います。今このブログ記事でも上のような画像の事です。 通常 WordPress ではまず投稿のアイキャッチ画像の設定画面で […]

wordpress
今何記事目?WordPressで公開記事数を表示する

WordPress で公開記事数を調べたければ管理画面(ダッシュボード)に行けばすぐにわかっちゃうのですが、サイト上に表示したいという人もいるかもしれません。 ブログならそんなに記事数をわざわざ閲覧者にアピールする必要も […]

著者について

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

フォローはこちら

       

       
千歳市のイタリアンレストラン「アキオカ」でパスタランチ

「アキオカ」は北海道千歳市にある格調高いイタリアンレストランで

Fuwattoまるやまキッチン!札幌市円山のふわふわオムライスとパンケーキのお店でランチ

札幌市の円山公園近くにある「Fwatto まるやまキッチン」は

札幌駅前の野菜が美味しいベジタブルバー「野菜バルMAHALO」ハワイな雰囲気を楽しめます

札幌駅前に野菜が美味しいベジタブルバーがあります。その名前を「

外国人にも人気な中部国際空港のガチャガチャコーナーが豊富

日本でお馴染みのガチャガチャ、正式名称をカプセルトイという所謂

Illustratorでオブジェクトの背景を画像にする為にスウォッチに登録する方法

Illustrator でオブジェクトの背景を画像にしたいとい

→もっと見る