Cara Mengganti Logo Login WordPress

Jika Anda memiliki banyak pengguna untuk login atau Anda membuatkan web bagi client, Anda dapat mengganti logo login default WordPress sesuai logo perusahaan Anda atau client Anda.

Selain terlihat lebih profesional, logo tersebut tentunya dapat berguna sebagai branding bagi perusahaan.

modifikasi-logo-1

Atau Anda memilki penulis yang banyak dimana mereka dapat menulis artikel sendiri dan mengirimkannya untuk ditinjau dan dipubikasikan oleh redaksi. Dengan halaman login menggunakan logo perusahaan sendiri akan terlihat lebih profesional.

Om asumsikan Anda telah memiliki logo sendiri, kemudian pilih salah satu cara berikut:

Logo di Upload ke Tema

Unggah (upload) logo Anda ke public_html → wp-content → themes → {tema Anda}.

Selanjutnya, Anda perlu membuka file functions.php tema Anda yang berada di lokasi yang sama dengan di atas, lalu masukkan kode berikut:

function custom_logologin() {

echo '<style type="text/css">

h1 a {background-image: url('.get_bloginfo('template_directory').'/logo.png) !important; }

</style>';

}

add_action('login_head', 'custom_logologin');

Ganti logo.png dengan nama dari logo Anda plus ekstensinya.

Catatan: sebaiknya ukuran logo memiliki tinggi dan lebar yang sama supaya dapat tampil baik. Jika tidak, Anda perlu memodifikasi css-nya.

Logo di Upload ke Media

Cara lainnya, Anda dapat menggunakan cara berikut:

Login ke WordPress, lalu ke Media → Tambah Baru dan unggah gambar logo Anda. Kalau sudah, klik Edit atau Sunting untuk melihat detail lengkap gambar.

Copy tautan yang terletak di sidebar kanan.

modifikasi-logo-2-2

Selanjutnya, Anda perlu membuka file functions.php tema Anda, lalu masukkan kode berikut:

function custom_logologin() {

echo '<style type="text/css">

h1 a {

background-image: url("http://localhost/webku/wp-content/uploads/2018/07/logo.png") !important; //masukkan url logo Anda di dalam tanda petik

}

</style>';

}

add_action('login_head', 'custom_logologin');

Taruh tautan yang sudah Anda salin sebelumnya di antara tanda petik di dalam url pada script di atas.

Catatan: sebaiknya ukuran logo memiliki tinggi dan lebar yang sama supaya dapat tampil baik. Jika tidak, Anda perlu memodifikasi css-nya.

modifikasi-logo-3-2

Tetapi apabila Anda tidak memungkinkan memodifikasi logo menjadi sama tinggi dan lebarnya dan Anda tidak memahami CSS, Anda dapat menggunakan plugin My WordPress Login Logo. Dengan plugin ini Anda dapat mengatur lebar, tinggi, tautan (link), dan title.

Baca juga: Cara Mengganti Logo Admin (Dasbor) WordPress

Tinggalkan Balasan

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