[WordPress] 投稿一覧記事ステータス色付けする方法

1 min read
hiroweb developer

フィルタリングも出来るんですが、やっぱりパッと見で各ステータスが分かるといいですよね。

追加するコード

functions.phpに以下のコードを追加します。
function post_status_style(){
echo <<< EOF
<style type="text/css">
<!--
  .status-publish {}  /* 公開済 */
  .status-draft   { background: #F6D4D8 !important; }  /* 下書き */
  .status-private { background: #E3E3E3 !important; }  /* 非公開 */
  .status-pending { background: #C6EDDB !important; }  /* 承認待ち */
  .status-future  { background: #C9E8F1 !important; }  /* 公開予約済 */
-->
</style>
EOF;
}
add_action('admin_head', 'post_status_style');

管理画面のヘッダに CSS を追加するような動きになっています。

私の場合、「公開済み(.status-publish)」に色付けはしなくても良いかと思ったので付けていません。
付けたい場合は他のステータスと同様に付けてみるといいです。
また、backgroundしか弄っていませんが、colorとかもいけますし、:hoverした時のスタイルも変えてみるといいかもです