使い方など【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています以前テーマのfunctions.phpに追記して解決する方法を紹介しました【備忘録】WordPressの管理画面にある投稿一覧で項目の幅を調整する方法これはこれで簡単なのですが、その後管理画面のいろいろな部分をカスタマイズしたくなった時にも使えるように、今回はもっと簡単にできる方法を紹介したいと思います。CSSと言えば、テーマカスタマイザーの末尾にも枠がありますし、子テーマにも追加CSSが記述できるようになっています。WordPressのテーマのCSSは管理画面側のデザインには効きません。これは適用されるファイルが全く別物だからで、実際はここで躓く人も多いでしょう。今回はそれも踏まえ、管理画面のデザインを変更できる環境の作り方と投稿一覧の列幅の調整方法を紹介したいと思います管理画面用にCSSファイルを作り、テーマに読み込ませる方法まずは管理画面側で適用されるCSSファイルと環境を作ります。手順は以下の2つです管理画面側用のCSSファイルを作るメモ帳でもなんでもいいので空のテキストファイルを作り、名前を「admin-styles」拡張子を「.css」に変更します。できたファイルを現在有効化しているテーマ(または子テーマ)内に転送します。);・・・たったこれだけで環境作りは完了です。びっくりするほど簡単です。投稿一覧の列幅調整のしかた一番上にあるリンク先記事と重複する部分が多いですが、こちらでも紹介しておきます。投稿一覧ではすべての列(要素)を表示して残った幅が投稿タイトルの表示に使われていますので、投稿タイトル以外の列すべてを設定する必要があります。th#author,th#tags,th#categories{width:100px;}といった感じにすればすっきりします。カスタムフィールドなどの幅は「th#カスタムフィールドのスラグ」で設定できますし、ブラウザのデベロッパーツールを使えば要素の名前は分かると思います。変更したのに適用されないという場合は、デベロッパーツールを起動した状態(投稿一覧のどこかで「右クリック」→「検証」)で画面のリロードを行うアイコンを右クリックし、「キャッシュを消去してハード再読み込み」をクリックすれば適用されると思います。これでWordPress管理画面の投稿一覧にある余分な余白が調整され、すっきりした一覧になると思いますよ。今回作った「admin-styles.css」では管理画面側のいろいろな場所に対するCSSの編集ができますから、その他の項目の色などの調整も簡単にできるようになりますね。BaseWordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです。