Menambah menu admin dan admin page di plugin wordpress

Hallo temen-temen kembali dengan saya Abdul Mannan Sya'roni di tutorial seputar wordpress, pada kesempatan kali ini saya akan membahas bagaimana caranya menambahkan admin menu atau halaman admin di WP Plufin Boilerplate.

Yang belum mengerti apa itu WP Plugin Boilerplate, WP Plugin Boilerplate adalah plugin basic yang sudah ditata sedemikian rupa sebagai dasar dari pembuatan plugin agar lebih cepat dan effisien dalam membangun plugin karena sudah di integrasikan oleh pihak kontributornya selalu update dengan versi terbaru wordpress. Sekilas seperti itu penjelasan tentang WP Plugin Boilerplate jika temen-temen ingin mengetahui lebih lanjut silahkan cari di blog ini dengan kata kunci "WP Plugin Boilerplate" nanti akan muncul keterangan seputar WP Plugin Boilerplate.

Yuk, kita lanjut ke pembahasan kita, pertama-tama buka  folder include/class-(plugin anda).php dan tampahkan add_action admin menu didalam fungsi admin hook nya, kodenya akan seperti dibawah ini:

private function define_admin_hooks() {

    

    $plugin_admin = new Plugin_Name_Admin( $this->get_plugin_name(), $this->get_version() );

    

    $this->loader->add_action( 'admin_enqueue_scripts', $plugin_admin, 'enqueue_styles' );

    $this->loader->add_action( 'admin_enqueue_scripts', $plugin_admin, 'enqueue_scripts' );

    $this->loader->add_action( 'admin_menu', $plugin_admin, 'add_menu' );

}

code-box

Perhatikan! didalam add_action admin menu dibagian belakang ada nama fungsi yang saya tambahkan "add_menu", kalian boleh berkreasi nama fungsinya terserah yang penting disamakan dengan kode fungsi dibawah ini. agar tidak terjadi error silahkan pakai yg ada ditutorial ini ya. jika anda sudah faham mengenai fungsi silahkan kembangkan sendiri. oke, lanjut

Tambahkan kode dibawah ini untuk mendefenisikan fungsi add_menu nya didalam folder dan file admin/class-(plugin-anda)-admin.php :

public function add_menu()

{

    // add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position );

    add_menu_page( "Manage Singups", "Signups", 'manage_options', $this->plugin_name . '-signups', array( $this, 'page_signups' ));

}

code-box

dan tambahkan di file yg sama tepat dibawahnya fungsi diatas, yaitu untuk memanggil fungsi "page_signups" ke file.php yang nantinya untuk menampilkan html dan setelan di halaman adminnya.

public function page_signups() {

    include( plugin_dir_path( __FILE__ ) . 'partials/signup_list.php' );

}

code-box

Perhatikan! semua file yang akan menampilkan halaman admin baru ataupun sub akan diarakan ke folder admin/partials. Jadi anda harus menambah file dengan nama "signup_list.php" di folder admin/partials. dan beri contoh tulisan agar tampil dihalamannya.

Simpan semua perubahan dan silahkan preview admin page plugin anda.

Baik sekian tutorial kali ini, jika ada yang belum faham silahkan chat kami di tombol chat sebelah kiri anda. Oke, Terimakasih banyak telah berkunjung ke blog kami

TTD:

Admin Blog

full-width