Belajar WordPress: Membranding Ulang Logo WordPress di Admin Bar

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.

WordPress Admin Bar

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.

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' );

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).

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://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' );


dan test,

Selamat mencoba!

2 thoughts on “Belajar WordPress: Membranding Ulang Logo WordPress di Admin Bar”

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: