Membuat Menu di Halaman Admin pada WordPress

Posted on by Aziz

Membuat Menu di Halaman Admin pada WordPress – Pada halaman atau ruang admin di website yang menggunakan CMS WordPress terdapat banyak menu-menu disebelah kiri. Kita dapat menambahkan menu-menu sesuai keinginan.

Disini akan dijelaskan tutorial bagaimana cara menambahkan menu sekaligus halamannya pada ruang admin web WordPress.

Membuat Menu Admin pada WordPress

Langkah – langkah sebagai berikut :

  1. Buatlah tema-child pada themes yang digunakan, kemudian buatlah file functions.php atau bisa langsung ditempatkan pada file functions.php pada themes yang Anda gunakan.
  2. Kemudian tulis script dibawah ini kedalam file tersebut:
    // define menu & posisi halaman
// action function for above hook</em>

function mt_add_pages() {

// Add a new top-level menu (ill-advised):
add_menu_page(__('Test Toplevel','menu-test'), __('Test Toplevel','menu-test'), 'manage_options', 'mt-top-level-handle', 'mt_toplevel_page','dashicons-editor-paste-word', 5 );

// Add a submenu to the custom top-level menu:
add_submenu_page('mt-top-level-handle', __('Test Sublevel','menu-test'), __('Test Sublevel','menu-test'), 'manage_options', 'sub-page', 'mt_sublevel_page');

// Add a second submenu to the custom top-level menu:
add_submenu_page('mt-top-level-handle', __('Test Sublevel 2','menu-test'), __('Test Sublevel 2','menu-test'), 'manage_options', 'sub-page2', 'mt_sublevel_page2');
}

// daftarkan di admin menu
// Hook for adding admin menus
add_action('admin_menu', 'mt_add_pages');

// buat halaman untuk menu tersebut

// mt_toplevel_page() displays the page content for the custom Test Toplevel menu
function mt_toplevel_page() {
echo "<h2>" . __( 'Test Toplevel', 'menu-test' ) . "</h2>";
}

// mt_sublevel_page() displays the page content for the first submenu
// of the custom Test Toplevel menu
function mt_sublevel_page() {
echo "<h2>" . __( 'Test Sublevel', 'menu-test' ) . "</h2>";
}

function mt_sublevel_page2() {
echo "<h2>" . __( 'Test Sublevel2', 'menu-test' ) . "</h2>";
}
  3. Kemudian simpan dan lihatlah tampilan menu yang tadi ditambahkan.

Hasilnya kira-kira seperti gambar dibawah ini