WordPress 後臺文章列表根據文章狀態添加不同背景色

在WordPress後臺的文章列表中,根據不同的文章狀態(比如 草稿、待審核、已發佈、定時發佈、私密、密碼保護),添加不同的文章背景色,區分起來會容易些。如下圖所示:

posts-status-color-wpdaxue_com

要實現上圖的效果,隻需要將下面的代碼添加到當前主題的 functions.php 即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
 * WordPress 後臺文章列表根據文章狀態添加不同背景色
 * https://www.wpdaxue.com/posts-status-color.html
 */
add_action('admin_footer','posts_status_color');
function posts_status_color(){
?>
<style>
.status-draft{background: #FCE3F2 !important;/*草稿*/}
.status-pending{background: #87C5D6 !important;/*待審核*/}
.status-publish{/* 已發佈,使用默認背景色,你也可以自己添加顏色 */}
.status-future{background: #C6EBF5 !important;/*定時發佈*/}
.status-private{background:#F2D46F;/*私密日志*/}
.post-password-required{background:#D874DE;/*密碼保護*/}
</style>
<?php
}

/**
* WordPress 後臺文章列表根據文章狀態添加不同背景色
* https://www.wpdaxue.com/posts-status-color.html
*/
add_action(‘admin_footer’,’posts_status_color’);
function posts_status_color(){
?>
<style>
.status-draft{background: #FCE3F2 !important;/*草稿*/}
.status-pending{background: #87C5D6 !important;/*待審核*/}
.status-publish{/* 已發佈,使用默認背景色,你也可以自己添加顏色 */}
.status-future{background: #C6EBF5 !important;/*定時發佈*/}
.status-private{background:#F2D46F;/*私密日志*/}
.post-password-required{background:#D874DE;/*密碼保護*/}
</style>
<?php
}

註:可以根據自己的需要,修改對應的顏色屬性。

發佈留言