Mengganti Logo WordPress di Admin Bar

Wahyu Raja Butar-Butar 4 06:49
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.
1
2
3
4
5
6
7
8
9
10
11
12
13
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).
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
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="http://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!

Source : http://emka.web.id/wordpress/2012/belajar-wordpress-membranding-ulang-logo-wordpress-di-admin-bar/

Related Posts

Wordpress 2114886852663504539
Comments
4 Comments
Facebook Comments by Media Blogger

4 comments

Your article is very interesting, thank you ..

ST3 Telkom

Thanks for your post really helped me awaited other stuff ..



ST3 Telkom


Post a Comment

Search

Google+ Followers

Popular Posts

Translate