Cara Mengganti Logo Login WordPress tanpa Install Plugin

Sobat Freelance Web Designer yang mempunyai project desain web company profile dengan menggunakan wordpress tentunya wajib mengganti logo login wordpr

Cara mengatasi error 404 di WordPress
Berbagai Cara untuk check Versi WordPress yang sedang digunakan
Menggunakan Klasik editor di WordPress 5 Tanpa Plugin

Sobat Freelance Web Designer yang mempunyai project desain web company profile dengan menggunakan wordpress tentunya wajib mengganti logo login wordpress dengan logo perusahaan tersebut. Dalam tutorial ini kita akn belajar cara mengganti Logo login wordpress tanpa harus install Plugin tertentu. Ada beberapa cara yang bisa Anda lakukan diantaranya:

1. Mengganti Logo Login WordPress secara Manual

Cara ini dilakukan secara manual dengan mengganti image logo wordpress yang berlokasi di http://alamat-web-anda/wp-admin/images/wordpress-logo.svg dengan Logo Anda.

Loading...

Cara ini sangatlah mudah namun memiliki beberapa kekurangan salah satu diantaranya adalah:

  • Logo yang Anda upload tersebut akan kembali menjadi logo wordpress saat anda melakukan update.
  • Nama File harus tetap menggunakan wordpress-logo.svg

2. Mengganti Logo Login WordPress dengan Menambahkan fungsi di file theme

Cara ini dilakukan dengan menyisipkan beberapa code php di file function.php di theme Anda. Anda bisa memanfaatkan hook login_enqueue_scripts untuk menyisipkan CSS ke dalam halaman login wordpress. Berikut ini adalah contoh script yang bisa Anda tambahkan / sisipkan di file function.php.:

function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo-anda.png);
            padding-bottom: 30px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Ganti logo-anda.png dengan nama file logo Anda. Logo yang anda gunakan harus lebih besar dari 80px x 80px.
Selamat mencoba..

Loading...
loading...

COMMENTS

WORDPRESS: 1
  • comment-avatar

    Thanks gan tutornya, ini nih yang ane cari

  • DISQUS: 0