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 :
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 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.
Sedangkan gambar dibawah ini adalah menu yang akan ditampilkan ketika pengguna sudah melakukan login, disitu Anda akan melihat menu “Video” suda ditampilkan.
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 GratisRegister Now: TOP 10 Hosting
Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals
mantap
Makasi artikelnya, sangat membantu
Kebetulan nyari beginian dan ketemu
Bagaimana jika tema saya mempunyai 3 menu ” Top menu, Header Menu, dan Footer Menu ) Saya Hanya mau megubah Top dan Footer saja, Header menu tidak perlu berubah ? Code diatas sudah saya coba malahan mengubah semua menu sekaligus. jadi header menu saya jadi berantakan, mohon bantuannya. Terimakasih
kalo buat menu berbeda-beda pada halaman yang satu dengan yang lainnya baik untuk user atau admin bisa gak sob ?
kalau buat menu berbeda pada satu halaman dengan halaman yang lainnya baik untuk user dan admin bisa gak sob ?
Admin, tolong bantu dong..kok menu saya jadi ada dua, jadi numpuk atas bawah, tapi sama semua isi menunya..saya pake template divi
taruh script sebelum tag paling bawah
contoh : http://prntscr.com/88xxve
script
?>
bisa juga gan, jika tidak bekerja coba taruh di bawah script add_action (
misal dibawahnya : add_action( ‘widgets_init’, ‘twentythirteen_widgets_init’ );
Mas mau tanya, dibaris ke berapa script itu di pasang. Ada banyak sekali baris script didalam function.php tema saya.
Soalnya setiap saya masukkan scriptnya di awal function, tampilan footer saya selalu jadi berantakan. Kalau script saya hapus footer kembali normal.
kalo baris itu nggak pasti gan, soalnya setiap tema beda-beda scriptnya. tapi biasanya di function tu banyak script dengan code add_action (
taruh di bawahnya gan.
Sudah coba taruh di bawah code add_action tapi gak bisa juga gan..
coba di baris-bari lain sampek bisa gan. 🙂 atau belajar pakek theme default dulu kayak twenty bawaan wordpress
wak kereen nih mas .. oh iya kalo kita menggunakan buddypress?? ada tutorialnya ga ?
thanks before kalo berkenan mampir ke web ane juga ya 😀