Cara Mengganti Logo di Halaman Login WordPress

Cara Mengganti Logo di Halaman Login WordPress

Saat ini kita akan membahas Cara Mengganti Logo di Halaman Login WordPress dengan menggunakan custom coding sehingga mempercepat proses loading. Ya, memang sudah banyak plugin yang gratisan yang memudahkan user untuk suatu tujuan tertentu, tapi perlu anda ketahui bahwa penggunaan plugin yang terlalu banyak juga tidak baik untuk optimasi website anda, karena akan memperlambat proses loading setiap halaman situs. Sebagai pengganti plugin maka kita gunakan custom coding yang mudah karena saya juga menyediakan tutorial dalam bentuk video dibawah.

Mungkin anda bertanya untuk apa repot-repot mengganti logo wordpress di halaman admin dengan logo kita sendri? Bagi orang awam ketika menggunakan CMS seperti wordpress maka logo defaultnya adalah logo wordpress dan dengan mengganti logo ini menyembunyikan bahwa anda menggunakan CMS  tersebut. Alasan berikutnya juga jika anda bergerak dibidang jasa pembuatan website maka tampilan tersebut akan memuat anda lebih profesional dan lebih pede terhadap client – client anda.

Cukup dengan pembukanya, sekarang kita masuk ke inti tutorial nya ya, sebelum anda memasuki area editor theme sebaiknya anda backup semua file wordpress, sehingga ketika kita bermain di area coding dan terjadi error maka sudah aman karena kita sudah backup semua file nya. Nah jika sudah siap semua maka ikuti langkah-langkah dibawah:

  1. Masuk kehalaman admin anda dan masukkan logo anda dengan size yg kecil saja, sekitar 100 x 100px. Karena bawaan default wordpress untuk logo di admin itu 84 x 84px.

Catat nama URL pic logo yang anda tambahkan kemedia tersebut dengan mengklik pic tersebut

  1. Masuk ke menu Appearance > Editor dan Klik file namanya Function.php

  1. Pastekan coding dibawah ke baris paling bawah di function.php tersebut, dan jangan lupa Update File

 

function pic_login() { 
?> 
<style type="text/css"> 
body.login div#login h1 a {
background-image: url(http://domainku.com/pic.jpg); 
padding-bottom: 30px; 
} 
</style>
<?php 
} add_action( 'login_enqueue_scripts', 'pic_login' );

 

OK tutorialnya sudah siap, coba liat perubahan pada area login anda. Jika anda masih bingung maka saya juga menyediakan tutorial Cara Mengganti Logo di Halaman Login WordPress di youtube. Semoga artikel ini bermanfaat ya
 

Leave a comment