Mengganti Logo WordPress (Dashboard) | Belajar WordPress

Mengganti Logo 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

1 Komentar

Tinggalkan Balasan

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