Friday, August 21, 2020

Add Your Own Logo To The WordPress Login Page

Add Your Own Logo To The WordPress Login Page Make Money Online Queries? Struggling To Get Traffic To Your Blog? Sign Up On (HBB) Forum Now!Add Your Own Logo To The WordPress Login PageUpdated On 20/06/2018Author : Pradeep KumarTopic : WordPressShort URL : http://hbb.me/1drLxbt CONNECT WITH HBB ON SOCIAL MEDIA Follow @HellBoundBlogIf you are using WordPress (self-hosted) for your blog then you have the option to almost do anything with customising. Each and every time I try my best to tweak the default options and make it better with my own. We tweaked our permalinks and used a custom structure for categories and tags. So instead of category in the URL well have topics. I feel simple things like these matters a lot when it comes to Branding. How do you create a blog logo for WordPress and make it an organic part of your website? Read the article on Logaster to find out!Adding Own Logo To The WordPress Login PageTalking about Branding, we cant avoid logos. Your blogs logo defines your blogs brand. In this article Ill share some simple tips to use your blogs logo on the WordPress login page. Itll be appearing on pages like /wp-login.php, /wp-admin.php, /wp-register.php, etc.You can do this either via a WordPress plugin or via custom code. Ill share the steps for both for adding your own logo to the WordPress login page.1. Using A WordPress PluginFor HellBound Bloggers (HBB) we are using the WordPress plugin Login Logo. This is a very simple plugin with no settings to change.READWhy Choose Premium Over Free WordPress PluginsJust install and activate this plugin. Then go to your WordPress content directory (wp-content) and upload your own logo (rename it as login-logo.png). Thats it! Make sure you use a transparent background on the PNG image + crop it tightly with no padding pixels. For best results use a width of exactly 312 pixels. This plugin also works in the mu-plugins directory.2. Using Custom CodeIf you are not a big fan of plugins, then custom code is always there to help you. Just use this code on your themes functions.php file and do the image upload thing as mentioned in the #1 option.function custom_loginlogo() { echo style type=text/css h1 a {background-image: url(.get_bloginfo(template_directory)./images/login_logo.png) !important; } /style; } add_action(login_head, custom_loginlogo);Be careful when you make changes to the core files, do take a backup before applying this.Though very simple to do, Im sure most of us wouldnt even have cared to try this. But, if you have an awesome logo wont you love to show it off? ?? Do try this simple branding tip and let us know if you face any issues in the comments below.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.