How to Style the WordPress Login Page

Custom WordPress Login Page

How much do you rely on your website logo?

Does it sit at the top of the screen, unloved, acting as a placeholder, or do you use it everywhere, from Twitter to Facebook to email signatures and business cards?

If you rely on the latter tactic, you might have spent a lot of time working on the logo or even paid someone to create it for you. As such, you will want to make the most of it, and using it on every bit of publicly-viewed piece of your website and surrounding projects is one way to do this.

However, when your readers login to your website to leave a comment, what do they see?

Do they see your website logo greeting them on the wp-login screen – or does it simply say “WordPress”?

You’re Not Just Another WordPress Site

You don’t really want to display the WordPress logo, do you? After all, who cares that your website uses the best, most flexible blogging platform in the world?

What you want to be doing is spreading the love for your own website, unifying the “back end” of it and making it as much a part of your blog as the front-facing pages.

If anything, seeing the WordPress logo might confuse some readers, making them think that you have diverted them elsewhere. Certainly some might dislike the “gap”, and take flight if they can see “the join” – don’t give them this opportunity to see through the polish and magic of your WordPress blog!

What you need to do is replace the WordPress logo on the login screen with one of your own, one that will confirm to the user that he or she is signing into or signing up for an account on your blog.

Preparing Your Logo

Now that I’ve convinced you to bring your own logo into the WordPress login screen, it’s time for you to prepare.

Your blog logo might be huge – if this is the case, you will need to shrink it down so that it looks good on the login screen. The image will need to be resized to 323 x 67 pixels; you can use a wide variety of tools to resize it, such as Microsoft Paint if you’re using Windows.

If you opt not to resize the image, then the logo will look squashed. You really don’t want this to happen – the idea of this exercise is to add a layer of added professionalism to your blog, to join things up with your branding. Get the image sizing right, and the login screen will look great!

Use a Plugin to Customize the WordPress Login Screen

Several plugins are available for WordPress users to completely revamp their login screens.

Custom Login – this plugin will display a logo as well as enabling you to change the colours on the login screen and even add background images. It also has a space to display messages or announcements to your readers.

Erident Custom Login and Dashboard – this is a similar option; while it doesn’t include the ability to display announcements there is the facility to change the footer text on the WordPress Dashboard. You might decide to brand the dashboard screen if you have other contributors to your blog.

Want to Be Taken Seriously? Lose the WordPress Logo!

While WordPress doesn’t exactly have a bad reputation, the presence of the default logo adds an air of unprofessionalism to your site.

You might be running one of the world’s biggest websites, but if your readers login and see the WordPress logo then immediately some of the magic is lost. This isn’t because WordPress isn’t highly thought of – it’s because it is so commonly used. Your website suddenly becomes “just another blog”.

Use these tips here to stop this from happening and secure your blog’s branding – and if you have any WordPress login screen customization plugins you think we should know about, let us know!

Leave a Reply

Your email address will not be published. Required fields are marked *