Cara merubah logo login WordPress dapat dilakukan dengan dua cara yaitu dirubah secara manual atau dirubah dengan cepat menggunakan plugin. Tujuan merubah logo login tidak berpengaruh secara teknis maupun fungsi WordPress. Perubahan dilakukan biasanya hanya untuk tujuan tampilan supaya logo berbeda tidak hanya menampilkan logo bawaan WordPress.
Pertama cara merubah logo login WordPress menggunakan plugin. Ini adalah cara yang paling mudah terutama untuk awam.
Catatan: Sebelum install plugin apapun selalu perhatikan bahwa plugin memiliki versi terbaru dan kompatibel dengan versi WordPress. Perhatikan tanggal terakhir plugin di update, sebaiknya jangan gunakan plugin WordPress yang tidak update beberapa bulan bahkan tahunan.
- Dihalaman plugin WordPress cari plugin Custom Login Page Customizer | LoginPress By WPBrigade. Insall dan aktifkan. Kenapa menggunakan plugin ini ? karena dilihat dari update terakhir dan fitur yang dimiliki cukup menarik tidak hanya bisa mengganti logo.
- Di menu sebelah kiri pilih LoginPress – Customizer, akan terbuka halaman baru untuk kustom logo login dan silahkan rubah logo.
- Dalam plugin LoginPress ini selain untuk merubah logo login juga terdapat banyak fitur lainnya yang cukup menarik seperti :
- Menghilangkan logo.
- Merubah background login.
- Mengganti gambar background dengan video.
- Melakukan kustom form login.
- Menambahkan reCAPTCHA.
- Mempercantik tombol login.
- Mengganti pesan error.
- Mengganti pesan selamat datang.
- Mengganti jenis huruf.
- Kustom CSS/JS dll.
Selain bisa melakukan kustom satu persatu untuk mempercantik halaman login tapi juga sudah tersedia pilihan template yang bisa digunakan.
Kedua cara merubah logo login WordPress tanpa plugin.
- Upload gambar logo ke misalnya folder theme /namatheme/img/logoanda.png
- Gunakan login_enqueue_scripts hook untuk memasukkan CSS ke halaman login sehingga WordPress dapat memuat logo kustom. Masukkan kode ini ke file function theme anda /namatheme/functions.php
// Custom logo login page
function my_login_logo() { ?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/logoanda.png);
background-size: 200px auto;
background-position: center;
width: 300px;
height: 70px;
padding-bottom: 110px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );Terimakasih kepada tonjoostudio.com untuk tutorial kustom logo login WordPress tanpa plugin
Merubah logo WordPress menggunakan plugin dan tanpa plugin selesai. Silahkan tes perubahan logo dan jika tidak terlihat perubahan silahkan clear cache browser dan kembali akses halaman login.