Mengganti Logo WordPress (Dashboard) | Belajar WordPress

4.71/5 (17)

Mengganti Logo WordPress di Dashboard Admin – Kalian mungkin ingin menampilkan logo kalian sendiri pada halamandashboard admin WordPress kalian daripada menampilkan logo bawaan WordPress. Atau kalian developer website menggunakan WordPress dan ingin melakukan branding terhadapat logo usaha atau perusahaan kalian.

Hal tersebut dapat dilakukan dengan menggunakan plugin atau  menambahkan beberapa kode pada file fungsi di tema website WordPress kalian.

Request Artikel
Request pembaca melalui komentar di Cara Mengganti Logo Login WordPress

Saya mendapat request dari salah satu pembaca Codelatte yang ingin menampilkan logonya sendiri pada dashboard admin. Seperti sebelumya, kita akan menambahkan sedikit kode di functions.php

Mengganti Logo WordPress (Dashboard)

Pertama-tama, kalian harus menyimpan logo. Agar tepat dengan ukuran menu admin WordPress, sebaiknya logo berdimensi 20 x 20px, tinggi dan lebarnya sama. Sebagai contoh saya beri nama logo-codelatte.png

Saya asumsikan kalian sudah memiliki logo sendiri. Upload logo tersebut ke WordPress anda. Atau langsung ke direktori tema (public_html/wp-content/themes/). Kalian juga bisa upload ditempat lain seperti tinypic, imageBB dsb.

Buka file pada (public_html/wp-content/themes/{nama-tema-kalian}/functions.php), lalu tambahkan kode berikut:

function codelatte_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url('https://codelatte.org/logo-codelatte.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}
 
//hook into the admin header
add_action('wp_before_admin_bar_render', 'codelatte_custom_logo');

Hasilnya akan menjadi seperti ini,

Custom Header WordPress

Sekian artikel tentang Mengganti Logo WordPress (Dashboard). Jika kalian ingin request artikel, tinggalkan pesan di kolom komentar, atau bisa mengirim pesan melalui fanpage kami di facebook.com/c0delatte. Semoga bermanfaat dan sampai jumpa pada artikel selanjutnya.

Please rate this

Abay

Cheers, I am Abay and I make things for fun. Gudang Garam and Coffee i can't live without. I love turning exciting ideas into horrible code. And .. i'm a lil' boy currently living Indonesia. Want to buy me a coffe? Let's talk, abay@codelatte.org

Satu tanggapan untuk “Mengganti Logo WordPress (Dashboard) | Belajar WordPress

  • 16 Agustus 2018 pada 3:41 PM
    Permalink

    dah muter kemana mana taunya disini :’v

    Balas

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *