用户登录和注销时隐藏和显示项目

Question

当用户注销时，我有以下代码：

<div class="fusion-secondary-main-menu">
       <div class="fusion-row">
            <?php avada_main_menu(); ?>
            <?php avada_mobile_menu_search(); ?>
       <ul id="odp-main-menu-right" class="odp-pl-0">
            <li class="#">
                 <a href=""><i class="far fa-bell odp-mr-1">
                 </i>0</a>
            </li>
            <li id="upload-ad" class="not-logged-in">
                <a href="<?php echo wp_login_url(trailingslashit(home_url($wp->request)));?>"
                style="color: #fff;">
                NEW ADVERT
                </a>
            </li>
       </ul>
</div>

但是，当用户注销时，它必须隐藏以下内容，登录时在前端显示以下内容：

<li class="#">
    <a href=""><i class="far fa-bell odp-mr-1">
    </i>0</a>
</li>

我已经使用 CSS class 在 class 上添加display:none未登录但登录时，但它仍然消失了。

登录时，wp_login_url 也必须替换为可点击的 ID 元素

Answer 1

你可以使用这个。

<?php if(is_user_logged_in()){ ?>
    //Your HTML here needs to be shown when the user is logged in.
<?php } ?>