Update Blog

Jauhari.NET menyajikan Informasi Cepat, Tepat dengan sajian Menarik

How to Customize your WordPress Login Page and Logo Easily

Basically when you log in to your custom hosted WordPress powered website, you’ll see the official WordPress logo is set by default. This is fine when you’re just getting started, but if you have a site with multiple users it’s, nice to add in your own branding.

Wordpress Logo
Wordpress Logo

Of course this would be added value for your blog. Please follow the steps below;

  • First, Browse to your wordpresss “/wp-content/themes/currenttheme” folder. The default theme is twentyeleven however if you’re using a custom theme, go there. Download and edit the functions.php file. Before you try, always make a backup copy of your functions.php.
Function php
Function php
  • Your theme’s function.php file should start with a . The following code needs to be pasted into functions.php between those two tags. Be careful not to paste it into existing code as you might break something.

/* WordPress Login Logo Code */
function login_logo() {
echo ”;
}
add_action(‘login_head’, ‘login_logo’);
/*—-End Login Logo Code—–*/

Wordpress Login Logo Code
Wordpress Login Logo Code
  • Save and reupload the functions.php file to your WordPress/wp-content/theme folder.
  • Now create your logo. The default WordPress login logo is 274w x 63h. You can make a larger or smaller logo, but I can’t guarantee it will display properly without additional tweaking of the code.
My Logo
My Logo
Default Logo
Default Logo
  • Name your logo image file:

login-logo.png

  • Then upload it to your “wordpress/wp-content/themes/currenttheme/images” directory.
upload images
upload images
  • Once uploaded, your WordPress login page will display your own custom logo. Good luck!
Jauhari Result
Jauhari Result