custom css for admin only

时间:2018-04-10 作者:Petra Žagar

我需要为管理自定义CSS。所以,若用户并没有登录,或者除了管理员之外,其他任何人都有一个CSS,对于管理员来说,只有不同的CSS。

我在函数中尝试了此代码。php:

function wpa66834_role_admin_body_class( $classes ) {
    global $current_user;
    foreach( $current_user->roles as $role )
        $classes .= \' role-\' . $role;
    return trim( $classes );
}
add_filter( \'admin_body_class\', \'wpa66834_role_admin_body_class\' );
在自定义CSS字段中:

#targetElement { 
    display: none; 
}
.role-administrator #targetElement { 
    display: visible; 
}
但它不起作用。

2 个回复
SO网友:Mat

您尝试的代码已经将角色CSS类添加到admin_body_class, 这只影响管理区域/后端。只需更改过滤器即可更改前端主体类body_class, 例如:。

function wpa66834_role_admin_body_class( $classes ) {
    global $current_user;
    foreach( $current_user->roles as $role )
        $classes .= \' role-\' . $role;
    return trim( $classes );
}
add_filter( \'body_class\', \'wpa66834_role_admin_body_class\' );

SO网友:Petra Žagar

Solution:

function add_custom_styles() {
    if ( is_admin() ) {  ?>
    <style type="text/css">
        .site-description {
            display: none !important;
        }
        .site-title {
            display: none !important;
        }
    </style>
<?php }
}
add_action(\'wp_head\', \'add_custom_styles\');
结束