为访问者和特定角色启用特定的CSS代码

时间：2021-01-15 作者：d3mi

如何为访问者和特定用户角色启用特定css代码

例如，此代码：

input[type=radio] {
    border: 1px solid !important;
}

3 个回复
最合适的回答,由SO网友:HK89 整理而成

您可以使用wp\\u head hook action&；在html标题上添加自定义css；正在检查当前用户角色

add_action(\'wp_head\', \'add_css_of_current_specific_user_role\');
function add_css_of_current_specific_user_role()
{ 
    /*Check Current User is Login*/
    if ( is_user_logged_in() ) 
    {  
       $user = wp_get_current_user();
       /*Check Current User Role*/
       if (in_array(\'visitor\', $user->roles)) { ?>

            <style>
              // Some CSS
            </style>

    <?php } 

    }
}

SO网友:Yves Laurent

如果你想为访问者（亦称非登录用户）提供特定的CSS，那么你可以使用@HK89的代码并对其进行一些调整

add_action(\'wp_head\', \'add_css_of_current_specific_user_role\');
function add_css_of_current_specific_user_role()
{ 
    /*Check if it\'s a visitor*/
    if ( !is_user_logged_in() ) 
    {  ?>
        <style>
            // Some CSS
        </style>
    <?php } 

    }
}

SO网友:d3mi

我在函数中尝试了此代码。php向客人展示此css

这怎么可能

add_action(\'init\', \'check_if_user_is_loggedin_function\');
function check_if_user_is_loggedin_function()
{
    if ( is_user_logged_in() ) 
    {
} 
    else {
    echo \'<style>
            .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item-offen {
            display: none;
            }
            .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.color-variable-item-offen {
            display: none;
            }
        </style>\';
}
}

标签： css   user-roles   小码农  

相关推荐

如何通过ACF值强制动态CSS在页面加载时更新？

我正在尝试通过ACF颜色选择器将滚动帖子的背景颜色动态更改为帖子选项中设置的颜色。在本地开发时，我能够提供足够的代码示例使其正常工作（我认为），但现在我已经将其移动到了真正的服务器上，它的功能就不同了。Problem: 颜色的改变在我看到的第一篇文章上起作用，但当我转到另一篇文章时，应该显示（或更改为）的背景色与第一篇文章相同。要使其显示正确的颜色，唯一的方法是进行硬刷新。Test it 通过查看这两个页面。你会注意到，当你滚动时，它们在页面的顶部和底部都有相同的颜色（颜色再次改变）。但做一次艰难的刷新