*

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】テーマ「Stinger3」のスマホページでCSSが効かない

WordPress のテーマで Stinger3 というものがあります。これが結構人気テーマで、このブログでも使わせて頂いています。 「必要な物は、揃っている。」というキャッチコピーの通り、主要プラグインに類する機能、ス […]

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

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

WordPressでカテゴリ別人気記事を表示できない時に確認する事【Popular Posts】

WordPress の人気記事表示プラグインと言えば「WordPress Popular Posts」が有名です。手軽に人気記事をサイドバーを含め自由な場所に設置できるので大変重宝するプラグインです。 調べてみると Wo […]

YARPPの関連記事サムネイルのアスペクト比(縦横比)がおかしい時の修正方法

YARPP(Yet Another Related Posts Plugin)は有名なプラグインなので WordPress でブログやサイトを運営している人なら目にした事もあるでしょう。関連記事を表示してページ回遊を促す […]

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

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

pasokon-pc
WordPressで投稿日時の年月日を別に取得する方法

WordPress には投稿日時を取得する関数 get_the_date() という便利なものがありますが、これだと年月日全てが表示されてしまいます。投稿年月日を年・月・日と別に取得する方法はないかと結構頭を悩ませたんで […]

著者について

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

フォローはこちら

       

       
JA士幌町のスイートコーンとミルクの味わい「北海道のこだわりプリン」

士幌町の北海道のこだわりプリンをいただいて、とても美味しかった

Photoshopで写真の黄ばみや赤みを補正し抑える方法

デジカメで撮った写真が思ったより黄色かったという経験はありませ

簡単にPCのデスクトップキャプチャーができるソフト「FonePaw PC画面録画」のレビュー

パソコンの画面を録画するにはどうすればいいの? ウ

ホンダ純正Gathersドライブレコーダーでブザーが止まらない時の対処方法

近年煽り運転のニュースが世間を賑わせている中、ドライブレコーダ

Youtubeの動画でアンケートに回答するにはどうやるの?

いわゆる動画サイトには視聴者の方に意見を問うアンケート機能とい

→もっと見る