javascript - 未登录用户的“登录”值和登录用户的 'Log Out' 值

Question

我有一个“登录”号召性用语 javascript 按钮。我的按钮正在使用 javascript 来操作登录和注册。按钮代码有一个名为登录的值。因此，该按钮始终始终将登录文本显示为按钮名称。

我想要-

• 注销的用户/访客将看到按钮名称“登录”
• 登录用户将看到带有注销的按钮名称“注销”行动。

你能通过编辑我的代码来修复吗？

查看我的代码:

<input type="button" style="background-color: red" value="Login" data-reveal-id="tmpl_reg_login_container" href="javascript:void(0);" onclick="tmpl_login_frm();"><aside id="sidebar-contact_page_sidebar" class="sidebar large-3 small-12 columns">

Answer 1

如果您在登录按钮周围使用这一小段 php 代码，它将在用户登录或未登录时使用不同的代码/显示不同的按钮。

请注意按钮回显上方的更改值和回显字符串

有关更多信息，请参阅 wordpress codex 引用链接 https://codex.wordpress.org/Function_Reference/is_user_logged_in

<?php
    if ( is_user_logged_in() ) {
        echo 'user is logged in, show logout button';
        echo '<input type="button" style="background-color: red" value="Logout" data-reveal-id="tmpl_reg_login_container" href="javascript:void(0);" onclick="tmpl_login_frm();"><aside id="sidebar-contact_page_sidebar" class="sidebar large-3 small-12 columns">';
    } else {
        echo 'user is not logged in, show login button';
        echo '<input type="button" style="background-color: red" value="Login" data-reveal-id="tmpl_reg_login_container" href="javascript:void(0);" onclick="tmpl_login_frm();"><aside id="sidebar-contact_page_sidebar" class="sidebar large-3 small-12 columns">';
    }
?>