目录
首页 笔记 详情

添加 CSS 文件到 WordPress 管理后台


CSS 的意思是层叠样式表,写在后面的样式会覆盖前面的样式,明白了这一点,我们就可以不用修改WordPress后台样式文件而达到定制 WordPress 后台的目的。

在下面的代码中,我们把对 WordPress 后台样式做的一些修改命名为 wp-admin.css,然后放到主题文件夹里,然后通过 admin_head 这个主题钩子把这个样式挂载到 WordPress 后台的头文件中。

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

把以上代码放到 WordPress 主题文件的 function.php 中即可。

如果只是少量修改后台样式,可以使用下面的方法将样式代码直接写在函数里,同样加到主题functions.php文件中

function admin_mycss() {
    echo'<style type="text/css">
    #wp-admin-bar-wp-logo, #menu-media {
        display: none;
    }
    </style>';
 }
add_action('admin_head', 'admin_mycss');

可以通过添加的自定义样式,隐藏不想显示的内容,比如上面代码是隐藏左上角LOGO和媒体库项。

// WordPress 文章别名增加手动点击百度翻译
add_action( 'admin_head-post.php', 'fanly_post_name_to_slug');
add_action( 'admin_head-post-new.php', 'fanly_post_name_to_slug');
</script>";
	echo "<style>#post_name{width:80%;}</style>";
}

 


写笔记

咨询

您的电子邮箱地址不会被公开。 必填项已用*标注