Wordpress how to apply css for specific roles using admin_head hook

Question

I'm looking to add a line of code to apply css to certain roles.

For example:

If role "editor":

#wp-admin-bar-top-secondary{
    display:none;
}

My snippet code:

add_action('admin_head', 'my_custom_style');

function my_custom_style(){
    echo '<style>
            
        /*remove media button*/
        .wp-media-buttons {
            display: none;
        }
        
        /*remove visual&code tabs*/
        .wp-editor-tabs {
            display: none;
        }
        
          </style>';
}

Ruvee · Accepted Answer · 2022-02-01T21:44:37.223

3

You could use the roles property of the user object returned from wp_get_current_user^Docs function.

add_action('admin_head', 'my_custom_style');

function my_custom_style()
{
    $roles = wp_get_current_user()->roles;

    if (!in_array('administrator', $roles)) 
    {
        ?>
        <style>
            /*remove media button*/
            .wp-media-buttons {
                display: none;
            }

            /*remove visual&code tabs*/
            .wp-editor-tabs {
                display: none;
            }
        </style>
    <?php
    };
}

Note:

Some users could possibly have more than one role, that's why I used in_array function!
Of course you could do the opposite by using the exclamation mark/'not operator'. (i.e !in_array())

edited Feb 01 '22 at 21:44

answered Feb 01 '22 at 21:32

Ruvee

8,611
4
18
44

thank you ~@Ruvee after the post I thought of something simpler it will be easier if the rules do not apply to administrators only can you add this possibility? – neosan Feb 01 '22 at 21:42
Only for non `administrator(s)` you mean? Sure thing! – Ruvee Feb 01 '22 at 21:43
yes if no admin = apply all css – neosan Feb 01 '22 at 21:46
Got you! Updated my answer! – Ruvee Feb 01 '22 at 21:47

Wordpress how to apply css for specific roles using admin_head hook

1 Answers1