Pada tutorial kali ini akan membahas tentang cara Merubah Link Login menjadi Logout tentunya menggukan My Account dari Woocommerce.
Seperti biasanya dalam sebuah halaman website pada bagian menu atau top bar akan selalu disisipkan sebuah link untuk login atau register. Akan tetapi jika setelah login makan link akan tetap bertuliskan Login seharusnya menjadi logout atau juga bisa dirubah dengan kebutuhan. Sebagai contoh seperti berikut :
Gambar diatas merupakan salah satu menu top bar sebelum user login
Gambar diatas merupakan salah satu menu top bar setelah user login
Terlihat sederhana tetapi apabila masih awam memang membuat pusing jika ingin merubahnya secara otomatis. Selain itu juga dapat memperindah User Interface agar terlihat terstruktur
Langsung saja untuk codingannya sebagai berikut :
add_shortcode( 'url_login', 'change_string' );
function change_string( $atts ) {
$button_html = '<a href="/my-account/" rel="noopener noreferrer"><i class="fa fa-user" aria-hidden="true"> </i>Login | Register</a>';
if ( is_user_logged_in() ) {
$current_user = wp_get_current_user();
$button_html = '<a href="/my-account/customer-logout/" rel="noopener noreferrer"><i class="fa fa-user" aria-hidden="true"> </i>Logout</a>' ;
}
return $button_html;
}
Untuk menampilkannya cukup menggunakan shortcode [url_login]. Dan untuk logout tanpa harus konfirmasi logout, cukup tambahkan link /my-account/?customer-logout=true
Bagaimana cara memasangnya ?
Untuk memasang script diatas cukup tambahkan di theme child file function.php tentunya agar theme asli tidak tertimpa atau terhapus ketika melakukan update theme.
Cukup tambahkan potongan kode diatas di function.php theme child
setelah itu pilih update pada thme editor. Kemudian untuk menampilkannya cukup menggunakan shortcode [url_login] baik itu di Text editor maupun dibagian header.php
Link Login menjadi Logout
Sebagai contoh, akan menampilkan di top bar bagian header maka sisipkan kode berikut :
echo do_shortcode( '[url_login]' );
Kenapa harus menggunakan fungsi do_shortcode(); ? karena Shortcode pada WordPress menyediakan fungsi tambahan yang memungkinkan Anda melakukan embed konten ke dalam halaman, postingan, maupun sidebar berbekal fungsi do_shortcode.
dan sebelum login hasilnya akan seperti gambar berikut
setelah login hasilnya akan seperti gambar berikut
