添加CSS文件到WordPress管理后台

文 / @WordPress主题

作为一名小本本的Web开发者,我们难免会涉及到WordPress后台的一些样式修改。虽然最直接的方式是直接修改WordPress后台的CSS文件,在需要修改的时候直接找到文件改一下,但是这样做每次WordPress更新都需要重新修改一次,非常麻烦。

如何避免重复修改WordPress后台的CSS文件

CSS是“层叠样式表”的缩写,写在后面的样式会覆盖前面的样式。因此,我们可以使用覆盖的方式来达到定制WordPress后台的目的,而不需要每次都手动修改CSS文件。

下面的代码中,我们把对WordPress后台样式做的一些修改命名为wp-admin.css,然后放到主题文件夹里。接着,我们通过admin_head这个主题钩子把这个样式挂载到WordPress后台的头文件中。如果需要添加的CSS内容比较少,我们也可以直接把它写成内联样式。

function utheme_add_custom_adminCSS(){
    echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/wp-admin.css">';
}

add_action('admin_head','utheme_add_custom_adminCSS');

把以上代码放到WordPress主题文件的function.php中即可避免重复修改WordPress后台的CSS文件。

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。