How to Start a Blog? Panduan Membuat Website Hanya 30 Menit

Tutorial Membuat Menu Berbeda Saat User Login di WordPress

Tutorial WordPress kali ini adalah membahas tentang menu WordPress, dimana Anda bisa menampilkan menu yang berbeda ketika user sudah login dan yang belum login. Jadi, menu tersebut hanya bisa di akses dan dilihat oleh pengguna yang sudah terdaftar dan melakukan login ke situs WordPress Anda. Dan ketika pengguna tersebut melakukan logout maka menu itu akan secara otomatis menghilang.

Bagi pengguna WordPress baru jika Anda belum memahami tentang menu WordPress dan bagaimana cara membuat menu di WordPress silahkan untuk membaca artikel saya sebelumnya disini ⇒ Panduan Lengkap Menu WordPress.

Membuat Menu Berbeda di WordPress

Pada tutorial ini kita sedikit bermain dengan script lagi untuk di tambahkan paa file function.php tema WordPress atau di child theme Anda, dan berikut langkah-langkah cara membuat menu yang berbeda untuk user atau pengguna yang sudah login.

Pertama silahkan buat menu yang ingin Anda tampilkan dan sembunyikan tersebut dengan masuk ke Appearance»Menus, dan silahkan membuat dua buah menu location yang berbeda. Pada contoh ini saya membuat menu location yang pertama dengan nama “Front” dan menu location yang kedua dengan nama “User”.

Untuk membuatnya silahkan klik menu link “Create a New Menu” dan silahkan ketika nama menu location tersebut papda “Menu Name” dan klik tombol “Create Menu”.

Dan silahkan masukkan menu yang ingin Anda tampilkan khusus pada user yang sudah login pada menu location dengan nama “User”. Pada contoh ini saya akan menampilkan menu video, dan jika user tidak login makan menu video akan otomatis hilang. Lihat gambar dibawah ini :

front-menu-wordpress tutorial menu berbeda wordpress

Gambar diatas adalah susunan menu untuk tampilan website Anda pada bagian depan yang bisa dilihat oleh semua pengguna yang tidak melakukan login. Sedangkan gambar dibawah ini adalah susunan menu untuk user yang sudah login, dimana terdapat menu Video sebagai menu yang ingin saya tampilkan pada user khusus yang sudah login.

menu-untuk-user-login tutorial menu berbeda wordpress

Menu User

Setelah Anda membuat menu seperti diatas, silahkan untuk menyimpan menu tersebut. Dan sekarang cari file functions.php di tema WordPress Anda atau pada child theme jika Anda membuatnya. Setelah itu tambahkan code dibawah ini pada file functions.php tersebut :

/* funtion beda menu */
function my_wp_nav_menu_args( $args = '' ) {
	 
	if( is_user_logged_in() ) {
	    $args['menu'] = 'user';
	} else {
	    $args['menu'] = 'front';
	}
	    return $args;
	}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
/*akhir fucntion */

Silahkan simpan file functions.php jika code sudah selesai Anda tambahkan. Anda sekarang bisa melihat bagian depan dari situs WordPress Anda dan lihat bagian menu akan terlihat seperti gambar dibawah ini dimana tidak terlihat menu dengan nama “video” karena saat ini Anda sedang tidak login di WordPress.

menu front logout berbeda wordpress

Sedangkan gambar dibawah ini adalah menu yang akan ditampilkan ketika pengguna sudah melakukan login, disitu Anda akan melihat menu “Video” suda ditampilkan.

menu-user-login menu berbeda wordpress

Anda juga bisa menambahkan menu “Logout” pada menu locations User, jadi pengguna yang sudah login akan melihat menu “Logout” dan memudahkan pengguna Anda untuk keluar dari situs WordPress Anda dengan cepat. Tapi untuk membuat menu Logout sendiri ini Anda diharuskan untuk memasang menu jenis “Custom Link” dan masukkan link menu logout seperti dibawah ini dan jangan lupa untuk mengganti url domain dengan domain milik Anda sendiri.

http://example.com/wp-login.php?action=logout

Dan itulah panduan untuk membuat menu berbeda pada saat user melakukan login dan tidak login di situs WordPress Anda. Semoga artikel ini bermanfaat buat Anda dan selamat mencoba. 🙂

Baca : Cara Membuat Menu Log Out pada Menu Navigasi WordPress.

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.

Daftar isi Tutorial WordPress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Niagahoster

Rp.26.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

IDCloudhost

Rp.30.000/Bln Free Domain, Unlimited Space & Bandwidth Get Host

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

13 Comments

Add a Comment

Your email address will not be published. Required fields are marked *