WordPress 投稿作成画面のカテゴリー表示を見やすくする

WordPress のブログでカテゴリをたくさん作ってしまうと、WordPress 投稿作成画面のカテゴリーリストでスクロールが必要になります。
記事を投稿する時に、カテゴリリストをいちいちスクロールするのが面倒だったので、WordPress 管理画面のカテゴリーリストでスクロールバーを表示させずに一覧表示するカスタマイズ方法を紹介します。

## WordPress 2.9 の場合 @ 2009-12-22

次のような CSS コードを、Firefox の拡張機能である Stylish に書き込んでおきます。

/* 投稿画面カテゴリーリストを全表示 */
#categorydiv div.tabs-panel {
height: auto !important;
}

## WordPress 2.7 の場合 @ 2008-12-17

カスタマイズ前とカスタマイズ後のイメージは次のようになります。

WordPress 2.7 のカテゴリーリスト

### カスタマイズした CSS コード

次のような CSS コードを、Firefox の拡張機能である Stylish に書き込んでおきます。

#categorydiv div.ui-tabs-panel {
height: auto !important;
}

以上です。 使いやすくなった!

## WordPress 2.5 の場合 @ 2008-07-04

WordPress 2.5 にアップデートしてから、投稿作成画面のカテゴリー選択がスクロールしないとできなくなって不便だなと思ってました。

投稿作成画面のカテゴリー表示

こんな感じ。
で、どうにも気になって仕方がなかったので、CSS を書き換えて修正してみました。

投稿作成画面のカテゴリー表示

修正後は、上のようになりました。

### CSS を修正した所

/wp-admin/wp-admin.css の 1257 行目にある

ul.categorychecklist li {
margin: 0;
padding: 0;
line-height: 19px;
}

と言うスタイル指定を

ul.categorychecklist li {
margin: 0;
padding: 0;
line-height: 19px;
float: left;
margin-right: 1em;
}

に変更します。

### チョット修正して、Firefox のユーザースタイルシートにした @ 2008-10-09

WordPress をアップグレードした時、/wp-admin/wp-admin.css に加えた修正は上書きされて消えてしまうので、Firefox のユーザースタイルシートにスタイルを書いておく事にした。
CSS のコードは次のような感じです。

ul.categorychecklist li {
margin: 0 !important;
padding: 0 !important;
line-height: 2 !important;
float: left !important;
margin-right: 1em !important;
}
ul.categorychecklist li input {
vertical-align: text-bottom !important;
}

### 雑感

– フロートしたからクリアしないといけないのかな?
– 余計に見にくくなってないかな?
– サブカテゴリとかがあると表示がおかしくなりそうだ。

## WordPress ME 2.1.2 の場合 @ 2007-03-16

カテゴリーが増えてくると、管理画面のカテゴリーリストをスクロールさせるのが面倒。
それ以前にカテゴリーを一覧で見たい。
と言う事で、WordPress ME 2.1.2 管理画面のカテゴリーリストをスクロールさせずに全部表示する方法。

WordPress のカテゴリーリスト

▲ 改造前と改造後はこんな感じ。

### 設定方法

wp-admin/wp-admin.css の 1058 行目にある

#categorychecklist {
height: 12em;
overflow: auto;
margin-top: 8px;
}

を次のように書き換える

#categorychecklist {
/*height: 12em;
overflow: auto;*/
margin-top: 8px;
}

うん、使いやすくなった。以上です。

6 COMMENTS

ほり

かなり役に立ちました!あざっす!

管理人

こちらこそ!
コメントあざっすっ!

高島

記事通りにしました。とても便利になりました。ありがとうございます。

管理人

高島 さん、コメントありがとうございます。
お役に立てて何よりです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です