Cara Menambahkan Menu dan Submenu di Panel Admin WordPress

Jika Anda sudah selesai dengan Menu default Panel Admin WordPress atau ingin menyesuaikannya sesuai kebutuhan Anda

Menavigasi panel admin WordPress dapat menjadi lebih mudah dengan menyesuaikannya dengan menu dan submenu Anda.

Dalam postingan ini, kami akan memandu Anda melalui langkah-langkah untuk menambahkan menu dan submenu menggunakan cuplikan kode sederhana.

Baik Anda ingin mengatur pengaturan plugin atau membuat opsi khusus, menambahkan menu dapat membuat area admin WordPress Anda lebih terkustomisasi dan ramah pengguna. Namun pertama-tama, mari kita perjelas beberapa hal mendasar.

Apa itu Menu dan Submenu?

Menu adalah item utama yang biasanya Anda lihat di sidebar admin WordPress, seperti “Postingan”, “Halaman”, dan “Pengaturan”.

Namun, Submenu adalah pilihan yang terdaftar di bawah menu utama. Misalnya, di bawah “Postingan”, Anda akan menemukan submenu seperti “Semua Postingan” dan “Tambah Baru”. Singkatnya, Submenu adalah pilihan yang terdaftar di bawah menu utama.

Cara Menambahkan Menu Kustom

Sekarang Anda pasti bertanya-tanya Bagaimana Cara Menambahkan Menu Kustom di dashboard admin WordPress.

Yah, tidak terlalu rumit, Anda cukup menggunakan fungsi add_menu_page() .

Berikut metode langkah demi langkah sederhana yang dapat Anda ikuti:

1. Buka File functions.php Tema Anda:

Anda dapat menemukan file ini dengan masuk ke dashboard WordPress Anda, navigasikan ke “Appearance” > “Theme File Editor,” dan pilih file functions.php .

2. Tambahkan Kode Berikut:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. Simpan Perubahan Anda:

Setelah menambahkan kode, simpan file functions.php . Menu “Plugin Saya” baru Anda sekarang akan muncul di sidebar admin WordPress.

Cara Menambahkan Submenu

Jika Anda ingin menambahkan submenu tingkat kedua menu admin WordPress di bawah menu kustom baru Anda, gunakan fungsi add_submenu_page() . Begini caranya:

1. Tambahkan Kode Submenu di functions.php :

fungsi custom_plugin_submenu() {

// Menambahkan menu tingkat atas terlebih dahulu

tambahkan_menu_halaman(

'Plugin Khusus Saya',

'Plugin Saya',

'kelola_pilihan',

'plugin-saya',

'halaman_plugin_saya'

);

// Menambahkan submenu

tambahkan_submenu_halaman(

'plugin-saya', // Siput induk

'Tambahkan Produk', // Judul halaman

'Tambah Produk', // Judul submenu

'manage_options', // Diperlukan kemampuan

'tambah-produk', // Siput submenu

'add_product_page' // Fungsi panggilan balik

);

tambahkan_submenu_halaman(

'plugin-saya',

'Tentang Kami',

'Tentang Kami',

'kelola_pilihan',

'tentang-kita',

'tentang_kami_halaman'

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// Fungsi panggilan balik untuk submenu 'Tambah Produk'

fungsi tambahkan_halaman_produk() {

echo '<h1>Tambahkan Produk Anda Di Sini!</h1>';

}

// Fungsi panggilan balik untuk submenu 'Tentang Kami'

fungsi tentang_us_page() {

echo '<h1>Tentang Plugin Kami</h1>';

}

2. Simpan Berkas:

Submenu Anda “Tambah Produk” dan “Tentang Kami” sekarang akan muncul di bawah menu “Plugin Saya” di panel admin.

Poin-Poin Penting yang Perlu Diingat

Menu Slug : Ini adalah pengidentifikasi unik untuk menu Anda. Itu harus dalam huruf kecil dan dapat berisi tanda hubung atau garis bawah.

Kemampuan: Ini mengontrol siapa yang dapat melihat menu. Misalnya, 'manage_options' biasanya ditujukan untuk pengguna admin dan mereka hanya dapat melihatnya.

Posisi: Menentukan di mana menu muncul dalam daftar. Ini opsional tetapi membantu mengatur menu.

Judul Halaman : Ini muncul di bilah judul browser saat Anda membuka menu atau submenu.

Judul Menu : Ini adalah teks yang muncul di sidebar.

Fungsi Panggilan Balik : Fungsi ini berjalan ketika menu atau submenu diklik, menampilkan isinya.

Contoh diatas adalah untuk custom menu yang kita buat. Namun bagaimana dengan menu-menu yang ada di admin WordPress?

Bagaimana cara membuat submenu tingkat kedua untuk menu admin default WordPress? Begini caranya:

Menambahkan Submenu ke Menu Default WordPress

Sebelumnya, kita telah membahas tentang cara menambahkan submenu di bawah menu khusus Anda di WordPress. Sekarang, mari kita lihat bagaimana Anda dapat menambahkan submenu di bawah menu default yang ada di WordPress (seperti Dashboard, Posting, Pages, dll.).

WordPress menyediakan fungsi khusus untuk menambahkan submenu ke menu default berikut:

– add_dashboard_page : Menambahkan submenu di bawah menu “Dashboard”.

– add_posts_page : Menambahkan submenu di bawah menu “Postingan”.

– add_media_page : Menambahkan submenu di bawah menu “Media”.

– add_links_page : Menambahkan submenu di bawah menu “Links”.

– add_pages_page : Menambahkan submenu di bawah menu “Halaman”.

– add_comments_page : Menambahkan submenu di bawah menu “Komentar”.

– add_theme_page : Menambahkan submenu di bawah menu “Tema”.

– add_plugins_page : Menambahkan submenu di bawah menu “Plugins”.

– add_users_page : Menambahkan submenu di bawah menu “Pengguna”.

– add_management_page : Menambahkan submenu di bawah menu “Alat”.

– add_options_page : Menambahkan submenu di bawah menu “Pengaturan”.

Semua fungsi ini bekerja dengan cara yang sama. Mari kita lebih memahaminya dengan contoh sederhana: menambahkan submenu di bawah menu “Pengaturan” menggunakan add_options_page() .

Contoh: Menambahkan Submenu Di Bawah Pengaturan

Untuk menambahkan submenu pada “ Pengaturan ,” Anda dapat menggunakan fungsi add_options_page() . Berikut rincian sederhana dari fungsinya:

– $page_title : Judul halaman saat Anda membukanya.

– $menu_title : Nama yang muncul di sidebar di bawah “Pengaturan.”

– $capability : Siapa yang dapat melihat submenu ini (seperti admin saja).

– $menu_slug : ID unik untuk submenu ini.

– $function : Fungsi yang akan menampilkan konten ketika submenu diklik.

Misalnya, gunakan fungsi ini seperti di bawah ini:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– Kode ini menambahkan submenu bernama “ Plugin Saya ” di bawah menu “Pengaturan”.

– Ini hanya akan terlihat oleh pengguna dengan kemampuan ' manage_options ' (biasanya admin).

– Jika diklik akan menjalankan fungsi WPOven _plugin_render_options_page untuk menampilkan konten halaman.

Ini adalah bagaimana Anda dapat menambahkan submenu ke menu default WordPress, sehingga lebih mudah untuk mengakses pengaturan khusus atau halaman yang ingin Anda tambahkan!

Baca: Bagaimana Cara Menyusun Ulang Item Menu Admin di WordPress?

Kesimpulan

Menambahkan menu dan submenu khusus di WordPress adalah cara terbaik untuk menyesuaikan admin sesuai kenyamanan Anda.

Dan bagian terbaiknya adalah Anda dapat dengan mudah mengimplementasikan dan menjalankan fitur ini hanya dengan beberapa baris kode. Ini akan membantu Anda membuat backend yang lebih terorganisir dan mudah diakses untuk Anda sendiri atau klien Anda.

Jadi dengan mengikuti langkah-langkah ini secara menyeluruh, Anda akan memiliki panel admin yang disesuaikan dalam waktu singkat. Jika Anda memiliki pertanyaan atau masukan mengenai postingan ini, silakan sebutkan di bagian komentar di bawah.

Rahul

Rahul Kumar adalah penggemar web, dan ahli strategi konten yang berspesialisasi dalam WordPress & hosting web. Dengan pengalaman bertahun-tahun dan komitmen untuk selalu mengikuti perkembangan tren industri, dia menciptakan strategi online efektif yang mengarahkan lalu lintas, meningkatkan keterlibatan, dan meningkatkan konversi. Perhatian Rahul terhadap detail dan kemampuannya membuat konten yang menarik menjadikannya aset berharga bagi merek mana pun yang ingin meningkatkan kehadiran online-nya.