投稿一覧をステータスに応じ色分け表示する方法

はじめに

投稿一覧を表示すると、全ての投稿が表示されます、その中にはステータスが「下書き」の投稿も含まれています（図1参照）。

しかし、一覧の途中に下書きが混ざっていると、ステータスごとの絞り込みリンクをクリックしないと見逃してしまう可能性があります。

そこで、ステータスごとに背景色などを色分けして表示し、一目で判別できるようにします。

この記事では、この方法について説明します。

完成イメージ

実装手順

以下のコードをfunctions.phpに追加します。

add_action('admin_enqueue_scripts', function () {

  $status_colors = [
    '.status-draft'  => '#ffebee',  // 下書き
    '.status-future' => '#e0f7fa',  // 予約
  ];

  ob_start();

  foreach ($status_colors as $status => $color) {
    echo ".wp-admin.post-type-post {$status} { background-color: {$color}; }\n";
  }
  wp_add_inline_style('wp-admin', ob_get_clean());
});

解説

表1に各ステータスとCSSクラスを示します。

さいごに

今回紹介した方法を使えば、投稿のステータスごとに色分け表示ができ、管理画面での視認性が向上します。
管理画面での情報整理を進めることで、作業効率の向上と見逃しの防止に繋がります。

管理画面の機能追加

本スキンでは、不要メニューの削除やツールバー最適化に加え、投稿・固定ページ一覧へのスラッグ・更新日時・ステータス別背景色・メタ記述・アイキャッチ等の表示機能を追加することで、管理画面の視認性とサイト運用の作業効率を大幅に向上させる独自の管理画面カスタマイズ環境を実現します。

chuya.s239.xrea.com