Dalam tutorial kali ini kita akan membranding Dashboard WordPress lebih dalam, khususnya Admin Bar. Admin Bar sendiri adalah sebuah bar/toolbar yang berada dibagian paling atas layar dashboard, berwarna hitam dan berisi bermacam menu seperti Logo WordPress, Manajemen komentar, informasi user dan lainnya.
[caption id="attachment_11223" align="aligncenter" width="405"]
WordPress Admin Bar[/caption]
Yang akan kita branding ulang adalah bagian Logo WordPress:
Menghilangkan logo WordPress di Admin Bar
Pada dasarnya WordPress Admin Bar dibangun dengan sebuah class Admin Bar (WP_Admin_Bar). WP Admin Bar sendiri sudah menyediakan fasilitas menambahkan dan mengurangi menu. Kita akan menggunakan fungsi mengurangi menu untuk bagian pertama kali ini.
[sourcecode language="php"]
function hilangkan_logowordpress(){
global $wp_admin_bar;
$wp_admin_bar->remove_menu('wp-logo');
$wp_admin_bar->remove_menu('about');
$wp_admin_bar->remove_menu('documentation');
$wp_admin_bar->remove_menu('support-forums');
$wp_admin_bar->remove_menu('feedback');
}
//tambahkan action pada wp_before_admin_bar_render
add_action('wp_before_admin_bar_render', 'hilangkan_logowordpress' );
[/sourcecode]
Silakan dicoba.
Menambahkan Logo Kita Sendiri dalam Admin Bar
Bagian kedua kita akan menghilangkan entitas wordpress seperti pada bagian pertama, kemudian menambahkan logo dan link baru sesuai yang kita inginkan. Bagian ini diambil dari penerapan di plugin WordPress untuk Sistem Informasi Bidikmisi (http://bidikmisi.unnes.ac.id).
[sourcecode language="php"]
function rebranding_logowordpress(){
global $wp_admin_bar;
$wp_admin_bar->remove_menu('about');
$wp_admin_bar->remove_menu('documentation');
$wp_admin_bar->remove_menu('support-forums');
$wp_admin_bar->remove_menu('feedback');
$wp_admin_bar->remove_menu('wporg');
//bagian menambahkan link
$wp_admin_bar->add_menu( array(
'id' => 'wp-logo',
'title' => '<img src="https://cms.emka.web.id/wp-content/uploads/2012/10/logo-unnes.png" />',
'href' => self_admin_url( 'about.php' ),
'meta' => array(
'title' => __('UNNES'),
),
) );
$wp_admin_bar->add_menu( array(
'parent' => 'wp-logo',
'id' => 'about',
'title' => __('Tentang Unnes'),
'href' => __('http://unnes.ac.id/tentang/'),
) );
$wp_admin_bar->add_menu( array(
'parent' => 'wp-logo',
'id' => 'sikadu',
'title' => __('Sikadu'),
'href' => __('http://akademik.unnes.ac.id'),
) );
}
//tambahkan action pada wp_before_admin_bar_render
add_action('wp_before_admin_bar_render', 'rebranding_logowordpress' );
[/sourcecode]
dan test,
Selamat mencoba!
