Mengganti Logo WordPress (Dashboard)

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