php - 如何仅为特定用户 Angular 色添加 CSS？

Question

在所有帖子中，我试图隐藏包含在此框中的“更新”按钮:

<div id="postbox-container-1" class="postbox-container">

我只想为我创建的某个用户 Angular 色“预订查看者”隐藏此框和按钮。到目前为止，这是我的代码:

//Hides the update button for the Booking Viewer user role
add_action( 'wp', 'hide_update_booking_viewer' );
function hide_update_booking_viewer()
{
    $user = wp_get_current_user();
    if ( in_array( 'Bookings Viewer', (array) $user->roles ) ) { ?> 
    <style type="text/css" media="screen">
#postbox-container-1 {display:none;}
</style><?
}

}

目前，我放入 functions.php 的代码似乎没有任何效果。我做错了什么？

Answer 1

尝试使用不同的钩子(Hook):

function hide_update_booking_viewer() {
$user = wp_get_current_user();
if ( in_array( 'Bookings Viewer', (array) $user->roles ) ) {
'<style>
#postbox-container-1 {display:none !important;}
</style>'
} }

add_action( 'wp_head', 'hide_update_booking_viewer' );

如果您正确注册了用户 Angular 色，这应该将样式输出到用户“预订查看器”的网页的 head 部分。

但是，正如this中所建议的那样post，最好依靠用户的能力而不是它的名字。示例:

function hide_update_booking_viewer_1() {
if ( current_user_can( 'read' ) ) {
'<style>
#postbox-container-1 {display:none !important;}
</style>'
} }

add_action( 'wp_head', 'hide_update_booking_viewer_1' );

可以找到能力和 Angular 色类型的列表 here .