WordPress登錄后顯示用戶名與注銷按鈕的實(shí)現(xiàn)方法

來(lái)自：素雅營(yíng)銷研究院

方知筆記

2025年07月03日 14:44

在WordPress網(wǎng)站開發(fā)中，經(jīng)常需要在用戶登錄后顯示用戶名和注銷按鈕，而在用戶未登錄時(shí)顯示登錄鏈接。這種功能可以提升用戶體驗(yàn)，讓用戶清楚地知道自己的登錄狀態(tài)。下面介紹幾種實(shí)現(xiàn)方法。

方法一：使用WordPress內(nèi)置函數(shù)

WordPress提供了幾個(gè)內(nèi)置函數(shù)可以輕松實(shí)現(xiàn)這個(gè)功能：

<?php
if ( is_user_logged_in() ) {
// 用戶已登錄，顯示用戶名和注銷鏈接
$current_user = wp_get_current_user();
echo '歡迎, ' . $current_user->user_login . ' | ';
wp_loginout();
} else {
// 用戶未登錄，顯示登錄鏈接
wp_loginout();
}
?>

方法二：創(chuàng)建自定義短代碼

如果你需要在多個(gè)位置使用這個(gè)功能，可以創(chuàng)建一個(gè)短代碼：

// 在functions.php中添加
function user_loginout_shortcode() {
ob_start();
if ( is_user_logged_in() ) {
$current_user = wp_get_current_user();
echo '歡迎, ' . $current_user->display_name . ' | ';
wp_loginout();
} else {
wp_loginout();
}
return ob_get_clean();
}
add_shortcode('user_loginout', 'user_loginout_shortcode');

然后在任何頁(yè)面或小工具中使用[user_loginout]調(diào)用這個(gè)短代碼。

方法三：使用條件菜單項(xiàng)

在WordPress菜單系統(tǒng)中，你可以使用條件邏輯插件（如If Menu）來(lái)根據(jù)用戶登錄狀態(tài)顯示不同的菜單項(xiàng)：

安裝并激活”If Menu”插件
進(jìn)入外觀 > 菜單
添加兩個(gè)自定義鏈接：

一個(gè)顯示”登錄”，設(shè)置條件為”用戶未登錄”
一個(gè)顯示”用戶名 | 注銷”，設(shè)置條件為”用戶已登錄”

方法四：使用主題模板文件

如果你熟悉主題開發(fā)，可以直接在主題的header.php或其他模板文件中添加：

<div class="user-status">
<?php if ( is_user_logged_in() ) : ?>
<?php $current_user = wp_get_current_user(); ?>
<span class="welcome">歡迎, <?php echo esc_html( $current_user->display_name ); ?></span>
<a href="<?php echo wp_logout_url( home_url() ); ?>" class="logout">注銷</a>
<?php else : ?>
<a href="<?php echo wp_login_url( home_url() ); ?>" class="login">登錄</a>
<?php endif; ?>
</div>

樣式美化建議

為了讓顯示效果更美觀，可以添加一些CSS樣式：

.user-status {
float: right;
margin: 10px;
font-size: 14px;
}

.user-status .welcome {
color: #333;
margin-right: 10px;
}

.user-status a {
color: #0073aa;
text-decoration: none;
}

.user-status a:hover {
color: #00a0d2;
}