Awwwards
 

Loading; Prepare To Be Amazed...

Erm! Your network is glacial, will load anyway in seconds.

Customizing Your WordPress Login Page

Customizing Your WordPress Login Page

We love WordPress, that must be said. In fact, most of our clients websites are built using WordPress. That said, if you are anything like us, you would occasionally want to customize certain aspects of the WordPress installation. Today, lets customize the WordPress Login Page.

By default, the WordPress Login Page looks like, well, WordPress. So, generally, we would like to make it look different, this adds a layer of professionalism to the website overall (especially if you allow multiple users login).

Default WordPress Login Page

Creating the Custom Login Page

Lets start by creating a login.css file. We will place this in our WordPress theme root directory (You can also create a plugin to implement this, but for the sake of simplicity we’ll assume you can edit your theme).

Now, we need to load the CSS we just created. Edit your themes functions.php and input the next blocks of code. This block will load the custom CSS file so the WordPress login page can use it when styling. It will also hide the “Remember Me”, “Forgot Password”, and “Log in error” messages. This can be useful for security.

In your functions.php file, append this to the bottom:

There we go, your WordPress login page should be looking pretty hot right about now. You can change the colors of your CSS file to reflect your brand. Here’s how we have made ours look.

WordPress Login Page

Thanks for saying hi!

You can also keep tabs on us by liking our social media pages. Thanks.

×