Tutorial Mengganti Logo Default Pada Login Area WordPress

Written by de Santoz on . Posted in Blog, Tips & Trik, Wordpress

tutorial mengganti logo default wordpress
logo default login area wordpress


Ketika kita memiliki website berbasis wordpress, ada kalanya kita ingin mengganti logo default yang terdapat pada form login area dengan logo milik kita sendiri.

Anda mungkin bisa menggunakan plugin tambahan untuk mengganti logo, tapi kali ini saya akan memberikan cara lain melalui editing file function.php

Caranya:

1. Upload logo dalam folder images yang terdapat pada tema yang digunakan.
 
2. Copy paste script berikut ke dalam file function.php yang terdalam dalam tema wordpress yang kita gunakan.
 
add_action(“login_head”, “my_login_head”);
function my_login_head() {
    echo “
    <style>
    body.login #login h1 a {
        background: url(‘”.get_bloginfo(‘template_url’).”/images/logo.png‘) no-repeat scroll center top transparent;
        height: 140px;
        width: auto;
    }
    </style>
    “;
}
 
3. lalu ganti logo.png dengan nama file yang sudah diupload. Lalu bagaimana untuk theme yang tidak memiliki folder images di dalamnya? cukup copy-paste file logo-nya langsung di folder theme dan hapus keterangan /images pada link code.
 
4. Save, lalu coba akses kembali admin area website Anda.
 
Catatan:
Anda bisa mengubah ukuran tinggi (height), lebar (width) ataupun menambahkan margin dalam pengaturan tata letak.
 
Bagi Anda yang tidak mau repot dengan barisan kode di atas, Anda bisa mencoba plugin berikut:
Download : Add Logo to Admin Plugin
 
Selamat Mencoba!

Tags: , , , , , , , , ,

Trackback from your site.

de Santoz

Profesional Wordpress & Joomla Developer Agency since 2010. Visit our Twitter or read the Facebook Page.

Leave a comment