Cara menambahkan Custom Shortcut di WordPress Toolbar

Cara menambahkan Custom Shortcut di WordPress Toolbar | Toolbar atau Menu Bar dibagian atas merupakan Kumpulan beberapa Shortcut yang menuju ke suatu halaman atau tempat, biasanya Toolbar digunakan jika kita ingin mengakses suatu halaman seperti Add New Pages dengan cepat tanpa harus membuka halaman Pages.

Secara Default, WordPress hanya menyediakan beberapa Shortcut seperti Homepage, Comments, +New (Post/Pages/dan seterusnya), dan Profil pengguna. Namun jika kita ingin menambahkan Shortcut di Toolbar, WordPress tidak menyediakan Plugin atau Tool namun hanya Code yang perlu di edit. Kali ini kita akan membahas Cara menambahkan Custom Shortcut di WordPress Toolbar.

Cara membuat Custom Shortcut :

1. Buka Appearance -> Editor .

2. Lalu cari Theme Function atau function.php , dan klik atau buka .

3. Pada kotak besar, sorot ke bagian bawah lalu salin Code dibawah ini ke Theme Function (function.php)

// add a link to the WP Toolbar
 function custom_toolbar_link($wp_admin_bar) {
 $args = array(
 'id' => 'Norf Computer',
 'title' => 'Tools',
 'href' => 'http://www.allpcind.com/wp-admin/tools.php',
 'meta' => array(
 'class' => 'Norf Computer',
 'title' => 'Norf Computer Tools'
 )
 );
 $wp_admin_bar->add_node($args);
 }
 add_action('admin_bar_menu', 'custom_toolbar_link', 999);

Keterangan :

‘id‘ = Nama Website atau Blog, ‘id’ tidak akan ditampilkan pada Toolbar namun hanya sebagai penanda Script ini milik siapa

‘title‘ = Title atau Judul Shortcut, ‘title’ akan ditampilkan sebagai judul dari Shortcut yang anda buat

‘href‘ = Link atau URL Shortcut, ‘href’ digunakan sebagai alamat Shortcut ini menuju kemana

‘class’ = sama dengan ‘id’ yaitu hanya memberikan informasi kepada Theme dan WordPress Dashboard

‘title’ = sama dengan ‘title’ yaitu hanya memberikan informasi kepada Theme

4. terakhir , tekan tombol Update File untuk menyimpan Script.

5. Dan lihatlah pada Toolbar atas pada WordPress Dashboard, akan muncul Shortcut baru.

Cara membuat Child Custom Shortcut :

Cara diatas hanya membuat Shortcut tanpa Child Shortcut atau Grup dari Custom Shortcut , lalu untuk membuat Shortcut dengan Child maka langkah-langkahnya sebagai berikut :

1. Buka Appearance -> Editor

2. Lalu cari Theme Function atau function.php , dan klik

3. Pada kotak besar, sorot ke bagian bawah lalu salin Code dibawah ini ke Theme Function (function.php)

/*
* add a group of links under a parent link
*/

// Add a parent shortcut link

function custom_toolbar_link($wp_admin_bar) {
 $args = array(
 'id' => 'Norf Computer',
 'title' => 'Tools', 
 'href' => 'http://www.allpcind.com/wp-admin/tools.php', 
 'meta' => array(
 'class' => 'Norf Computer', 
 'title' => 'Tools Norf Computer'
 )
 );
 $wp_admin_bar->add_node($args);

// Add the first child link 

 $args = array(
 'id' => 'Speed-check',
 'title' => 'Speed Check', 
 'href' => 'http://www.gtmetrix.com',
 'parent' => 'Norf Computer', 
 'meta' => array(
 'class' => 'Norf Computer', 
 'title' => 'Norf Computer'
 )
 );
 $wp_admin_bar->add_node($args);

// Add another child link
$args = array(
 'id' => 'Plugin',
 'title' => 'Add New Plugin', 
 'href' => 'http://www.allpcind.com/wp-admin/plugin-install.php',
 'parent' => 'Norf Computer', 
 'meta' => array(
 'class' => 'Norf Computer', 
 'title' => 'Norf Computer'
 )
 );
 $wp_admin_bar->add_node($args);

// Add a child link to the child link

$args = array(
 'id' => 'import-file',
 'title' => 'Import Backup WordPress File', 
 'href' => 'http://www.allpcind.com/wp-admin/import.php',
 'parent' => 'Plugin', 
 'meta' => array(
 'class' => 'Norf Computer', 
 'title' => 'Norf Computer'
 )
 );
 $wp_admin_bar->add_node($args);

}

add_action('admin_bar_menu', 'custom_toolbar_link', 999);

Contoh :

Keterangan :

‘parent’ => ‘Norf Computer ‘ merupakan informasi yang diberikan oleh Script kepada Theme agar Shortcut tadi berada pada Shortcut utama atau Parent Shortcut. Pada bagian ini anda harus mengganti tulisan Norf Computer dengan ‘id’ pada script tadi, contohnya pada Child Link to the Child Link .

4. Lalu tekan tombol Update File dan lihat hasilnya.

5. Akan muncul Shortcut baru di Toolbar atas, dan jika anda mengarahkan Mouse (anak panah) ke Shortcut tersebut akan muncul Child Shortcut.

Kelihatan tidak sulit bukan ? . Jika anda menggunakan Theme yang memiliki Framework atau Theme Premium seperti saya, maka anda harus teliti dalam membuka Function.php karena biasanya Theme Premium memisahkan Function.php tersebut.

Itulah Cara menambahkan Custom Shortcut di WordPress Toolbar, Jika ada pertanyaan atau masalah mengenai Post saya di atas silahkan Komentar atau Hubungi kami di Contact us. Jangan lupa untuk Follow Twitter blog saya atau Like us Facebook untuk mendapatkan Posts blog ini yang terbaru dan juga Konsultasi Pertanyaan dengan cepat. Salam.