*

WordPressの親カテゴリーを折りたためるプラグインを導入する方法

Cate4

 ワードプレスでブログを作っていき、何も考えずにカテゴリーを増やしていくと、とんでもない量になりませんか? 長くなりすぎてしまい、結構邪魔になるので、親カテゴリーを作るのですが、親カテゴリーも一緒に表示されてしまい、あまり意味がない状態に。

 そんなときに、親カテゴリーをたたむ方法を見つけました。

スポンサーリンク

 

1.親子カテゴリーを作る

 ワードプレスのカテゴリーは親子構造にすることが出来ます。例えば、日本の旅行に関するブログの場合、

関東(親カテゴリー)、東京(小カテゴリー)

関東(親カテゴリー)、神奈川(小カテゴリー)

などの様に分けることができるので、訪問者に見やすいようにカテゴリー分けをすることができます。

 しかし、カテゴリーを分けすぎるとサイドバーの枠を圧迫してしまい、他に表示したいものが表示出来なくなるということも。

 ワードプレスのメニューで、「外観」→「ウィジェット」→「カテゴリー」の中にある「ドロップダウン表示」をチェックすればドロップダウン形式のカテゴリー表示は出来ますが、親カテゴリーだけでなく、すべてのカテゴリーを一つのボタンに集約してしまうので、見栄えが良くありません。

Kate8

 これだと、面積は小さくなりましたが、小さくなりすぎて目立ちません。そこで、親カテゴリーだけを折りたたむ方法にしました。

 

2.プラグイン「Enhanced Categories」

 「Enhanced Categories」というプラグインを使えば、親カテゴリーを折りたたんで、サイドバーを効率的に使いつつも、カテゴリーを表示できるようになります。

 まずは、ワードプレスの管理画面で、「プラグイン」→「新規追加」をクリックして、「Enhanced Categories」を検索します。

Cate1

 見つけたら、インストールします。

 インストールしたら、「プラグイン」→「インストール済みプラグイン」を開き「Enhanced Categories」を有効化します。

Cate2

 これで、プラグインが実行できました。

 

3.「Enhanced Categories」の設定

 インストールして有効化したら、次は設定をします。ワードプレス管理画面で、「外観」→「ウィジェット」を開くと、「Enhanced Categories」が追加されていると思うので、そちらをドラッグして右側に移します。

Cate3

 そして、開くと様々なメニューが出て来ると思います。

Cate5

 英語で書かれているので、簡単に説明します。

・Title

 タイトルのことなので、「カテゴリー」とでもしておけば良いです。

・Hide empty categories

 空のカテゴリーを表示させないようにします。

・Show RSS

 カテゴリーのRSSを表示させます。

・Show post count

 カテゴリーの中にある記事数を表示させます。

・Order by

 カテゴリーの並ばせ方の元を決めます。

・Order

 並び順を決めます。

・Contract children categories

 小カテゴリーを折りたたむことが出来ます。

 

などです。あとは、カテゴリーの折りたたみ、開きボタンの位置を後ろにしたり、色やテキストの設定もできるのですが、そのあたりは詳しければ設定すると良いですが、ここまでの設定で十分だと思います。

 

4.実際に確認

 ここまでできたら、実際に確認してみましょう。

 「Category order」というプラグインを使って、カテゴリーの順番を変えているので、そちらをチェックして、必要に応じてカテゴリーの順番を変更しました。

Cate6 

 そして、実際にブログのサイドバーを確認。

Cate7

 予定どおり、親カテゴリーだけ表示され、小カテゴリーはたたまれていました。+ボタンをクリックすると小カテゴリーが開きます。

Cate4

 これで完成です。レイアウトがかなりスッキリして見やすくなりました。

スポンサーリンク

関連記事

ロリポップサーバーが第3者による大規模攻撃を受けたようでメールが来たので対応してみました。

ロリポップサーバーが第3者による大規模攻撃を受けたようでメールが来たので対応してみました。

なんだかわからないけど、今朝メールを開くとロリポップから、「≪重要≫【...

記事を読む

marseditからWordPressに投稿できない。原因はlolipopのWAF?

marseditからWordPressに投稿できない。原因はlolipopのWAF?

  なんだか最近アドセンスの広告停止になったり、Bloggerのブログ...

記事を読む

新着記事

MacのCyberduckとfilezillaでロリポップに接続できなかった問題が解決した方法

MacのCyberduckとfilezillaでロリポップに接続できなかった問題が解決した方法

 ロリポップからXサーバーに引越しを検討しているので、FTPソフトを使...

記事を読む

MacでGoogle Chromeが立ち上がってすぐ終了する問題発生から解決まで。ブックマークの復元も

MacでGoogle Chromeが立ち上がってすぐ終了する問題発生から解決まで。ブックマークの復元も

 さっき普通にMacでGoogle Chromeを使っていたら「アプリ...

記事を読む

子連れで「近江町市場」の散策と「鮮彩えにし」でランチ

子連れで「近江町市場」の散策と「鮮彩えにし」でランチ

 金沢の台所と言えば「近江町市場」ということで、行ってきました。  子...

記事を読む

「金沢城」と「兼六園」の散策をしてきました。

「金沢城」と「兼六園」の散策をしてきました。

 石川県の有名な観光地と言えば日本三名園にも名を連ねている「兼六園」と...

記事を読む

「リバーサイド上田館」伊東園ホテルズの365日同一料金8,100円のホテルに泊まってみた

「リバーサイド上田館」伊東園ホテルズの365日同一料金8,100円のホテルに泊まってみた

 松本を観光して、次の日は上田城に行く予定で、その中間に良い宿がないか...

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

この投稿のコメント・トラックバックRSS




管理人にのみ公開されます

MacのCyberduckとfilezillaでロリポップに接続できなかった問題が解決した方法
MacのCyberduckとfilezillaでロリポップに接続できなかった問題が解決した方法

 ロリポップからXサーバーに引越しを検討しているので、FTPソフトを使...

MacでGoogle Chromeが立ち上がってすぐ終了する問題発生から解決まで。ブックマークの復元も
MacでGoogle Chromeが立ち上がってすぐ終了する問題発生から解決まで。ブックマークの復元も

 さっき普通にMacでGoogle Chromeを使っていたら「アプリ...

子連れで「近江町市場」の散策と「鮮彩えにし」でランチ
子連れで「近江町市場」の散策と「鮮彩えにし」でランチ

 金沢の台所と言えば「近江町市場」ということで、行ってきました。  子...

「金沢城」と「兼六園」の散策をしてきました。
「金沢城」と「兼六園」の散策をしてきました。

 石川県の有名な観光地と言えば日本三名園にも名を連ねている「兼六園」と...

「リバーサイド上田館」伊東園ホテルズの365日同一料金8,100円のホテルに泊まってみた
「リバーサイド上田館」伊東園ホテルズの365日同一料金8,100円のホテルに泊まってみた

 松本を観光して、次の日は上田城に行く予定で、その中間に良い宿がないか...

→もっと見る

PAGE TOP ↑