Cara Membuat Menu Dinamis Sesuai User Role

Cara Membuat Menu Dinamis Sesuai User Role

Jika kalian membangun sebuah website yang memberikan fitur membership, khususnya menggunakan WordPress, maka pastinya kalian meminta bagi para pengguna untuk daftar dan masuk dulu ke dalam situs website kalian. Dan ada banyak diantara pemilik website seperti situs membership, situs forum membutuhkan sebuah menu navigasi yang dinamis, dimana situs website akan menampilkan menu navigasi yang berbeda jika pengguna logout, login, atau ketika termasuk dalam user-role tertentu.

Apa sih User- Role itu?

Role merupakan key field yang ada saat menambahkan pengguna baru, kalian harus mengaturnya dengan benar sehingga pengguna baru tidak dapat mengakses dan mengubah pengaturan vital dari website kalian. Kalian dapat memilih 6 role user WordPress:

  • Administrator
  • Editor
  • Author
  • Contributor
  • Subscriber

Mengapa kalian perlu menu navigasi dinamis?

Karena secara tampilan tidak masuk akan jika website kalian menampilkan menu registrasi atau login untuk pengguna yang sudah berhasil login atau masuk. Atau kasus lain, misalnya, website kalian menampilkan menu profil user ketika para pengguna sendiri hanyalah seorang pengunjung dan tidak memiliki profil di dalam situs website kalian.

Nah, untuk membuatnya, kalian hanya memerlukan satu plugin saja, yakni User Menus – Nav Menu Visibility yang bisa kalian download melalui link https://wordpress.org/plugins/user-menus/

Apa itu User Menus – Nav Menu Visibility ?

Plugin User Menus – Nav Menu Visibility ini adalah plugin yang sempurna untuk situs website yang menerapkan fitur membership. Plugin ini akan memberikan kalian lebih banyak kontrol terhadap menu navigasi kalian, sehingga memungkinkan untuk menerapkan kontrol visibilitas ke menu, misalnya menjadikan setiap item menu hanya bisa dilihat pengguna yang keluar, pengguna yang masuk, user-role tertentu, atau semua pengguna.

Dengan plugin User Menus, kalian juga dapat menampilkan informasi pengguna yang telah masuk atau login ke menu navigasi, misalnya “Selamat Datang Argia”.

Fitur Apa Saja yang Ada di User Menus ?

  • Menampilkan item menu untuk semua pengguna
  • Menampilkan item menu untuk pengguna yang keluar atau logout
  • Menampilkan item menu untuk pengguna yang masuk atau login
  • Menampilkan item menu untuk pengguna dengan user role tertentu
  • Menampilkan foto profil pengguna di item menu dengan ukuran yang sudah disesuaikan
  • Menampilkan username pengguna di item menu
  • Menampilkan nama pengguna di item menu
  • Menampilkan email pengguna di item menu
  • Menambah sebuah link logout di menu
  • Menambah sebuah link registrasi di menu
  • Menambah sebuah link login di menu

Baca Juga : Cara Membuat Membership di WordPress

Cara Membuat Menu Navigasi Dinamis Sesuai Dengan User Role

  1. Klik menu Plugins » Add New

  1. Kemudian ketik kata kunci User Menus. Klik Install Now dan Activate
  2. Setelah berhasil terinstall, maka akan muncul tampilan seperti ini. Kalian bisa klik Namun, jika kalian tidak ingin ketinggalam update terbaru dari plugin ini, klik Alow & Continue. Kemudian, plugin akan melanjutkan aktivasi
  1. Setelah selesai, masuklah ke dalam menu Appearance » Menus
  1. Selanjutnya, masuklah ke dalam elemen menu yang ingin kalian jadikan menu navigasi dinamis.
  2. Tambah sebuah menu item baru atau salah satu menu item yang sudah ada yang ingin kalian buat dinamis
  3. Disini, saya akan menambahkan menu item halaman Sample Page. Kemudian klik tombol panas kebawah kemudian pada bagian Who can see this link? Pilihlah pada siapa kalian ingin menampilkan menu item ini.

  • Everyone : semua pengguna
  • Logged Out Users : pengguna yang keluar dari akun
  • Logged In Users : pengguna yang berhasil masuk ke dalam akun mereka
  1. Disini, kita akan memilih Logged In Users. Akan muncul User Role seperti gambar di bawah ini. Pilih user-role yang kalian inginkan agar dapat melihat menu item tersebut.
  1. Setelah selesai klik Save Menu

 

Nah, itu tadi bagaimana cara membuat sebuah menu navigasi yang dinamis sehingga kalian bisa menampilkan menu yang hanya bisa dilihat oleh user role tertentu saja. Tanpa coding, hanya perlu menggunakan plugin saja. Silahkan mencoba dan Selamat Belajar!

Scroll to Top