27. Display Name untuk User Login dengan Shortcode

Hello everyone!

Makasih untuk Mas Deny Roy dari Komunitas Belajar WordPress, karena sudah bertanya sekaligus mengingatkan saya untuk share cara menampilkan nama user yang sudah login di website. Sebenernya saya sudah tahu dari dulu, tapi lupa sharing hehe...

PHP Code

				
					<?php

// shortcode-nya nanti [nama_pengguna]

function tampilkan_nama_pengguna() {
    if (is_user_logged_in()) {
        $current_user = wp_get_current_user();
        return esc_html($current_user->display_name);
    } else {
        return 'Silakan login untuk melihat nama Anda.';
    }
}
add_shortcode('nama_pengguna', 'tampilkan_nama_pengguna');
?>
				
			

Semoga bermanfaat dan selamat mencoba!

*OPSIONAL: Kalo mau menampilkan Nama dan Avatar sekaligus, gimana? Hehe aku mendengar jeritan batinmu, nih gw kasih sekalian...

PHP Code V2

				
					<?php

// shortcode-nya nanti [nama_dan_avatar]

function tampilkan_nama_dan_avatar() {
    if (is_user_logged_in()) {
        $current_user = wp_get_current_user();
        $avatar = get_avatar($current_user->ID, 64);
        $nama = esc_html($current_user->display_name);
        return '<div class="user-info">' . $avatar . '<span class="user-name">' . $nama . '</span></div>';
    } else {
        return 'Silakan login untuk melihat informasi pengguna.';
    }
}
add_shortcode('nama_dan_avatar', 'tampilkan_nama_dan_avatar');

?>
				
			

Custom CSS-nya disesuaikan aja, ya...

CSS Code V2

				
					.user-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-info .user-name {
    font-size: 16px;
    font-weight: 400;
}

.user-info img {
    border-radius: 50%;
    border: 2px solid #ddd;
    width: 40px;
    height: 40px;
}
				
			

Semoga bermanfaat dan selamat mencoba!

Shopping Cart
Scroll to Top