如何为未登录的用户隐藏storefront搜索框？

Question

在woocommerce storefront页眉上，我想隐藏未登录用户的搜索框，并将其替换为两个黄色按钮："Login“、"Register”(类似于stackoverflow登录页页眉)，它们会发送到我自定义的登录/注册urls。我试过隐藏搜索框的CSS代码，但我不知道下一步该做什么：

.site-header .site-search { display: none; }

Answer 1

您可以使用以下代码在用户未登录时添加body类，如下所示：

add_filter( 'body_class', 'add_body_class_for_guest' );
function add_body_class_for_guest( $classes ) {
    // Only for non logged users
    if( ! is_user_logged_in() ) {
        $classes[] = 'not-logged';
    }
    return $classes;
}

代码放在活动子主题(或活动主题)的functions.php文件中。

然后，您可以使用以下CSS规则为未登录用户隐藏storefront搜索框：

.not-logged .site-header .site-search { display: none; }

经过测试，效果良好。