• Skip to primary navigation
  • Skip to main content
  • Skip to footer
OsomPress

OsomPress

Osom WordPress themes and plugins

  • Home
  • Themes
    • Karma
    • Dakota
    • Uprising
  • Plugins
  • About
  • My Account
  • Contact
  • Login

How to customize the WordPress login page

Bored of seeing the typical WordPress login page without personality on your website?

Give it your own style with the free Osom Login Page Customizer plugin. Simple, lightweight, and really easy to use.

wordpress-login-page-native
Default login page
customized-logo-osom-login-page-customizer-simplified
Customized login page

Here’s how, but first:

What can you do with the Osom Login Page Customizer plugin?

  • Automatically replace the WordPress logo with your website’s logo.
  • Remove unnecessary elements and enable only those that interest you.
  • Replace the WordPress.org URL with your website’s home URL.
  • Customize the color of the different elements of the page.

Shall we take a look inside the plugin?

How to set up an awesome login page

1. Search for “Osom Login Page Customizer” in the official WordPress repository and download it.

osom-login-wordpress-customizer-repository

2. Go to the Plugins section, search for “Osom Login Page Customizer” and click on activate.

activate-osom-login-wordpress-customizer-plugin

3. This will automatically take you to the plugin’s settings:

osom-login-wordpress-customizer-plugin-options

Just by activating it, you’ll have get that your login page replaces the WordPress logo with your website’s logo.

customized-logo-osom-login-page-customizer

A good first step, don’t you think? But the level of customization still has a long way to go. Look, look:

4. Choose whether you want to display it or not:

  • The “Remember me” box
  • The “Forgot your password?” link
  • The “Back to the blog” link.
  • customized-logo-osom-login-page-customizer-simplified
    Simplified login
  • customized-logo-osom-login-page-customizer-options
    Login with all elements

You decide, with or without. And all the combinations you want.

5. Now define the color for the next 4 elements:

  • The background of the page
  • The background of the access form
  • The border of the form
  • The button on the form

You can use the color picker or, my recommendation, enter the specific hex code from your branded color palette.

  • Background color picker
  • hexadecimal-form-button-color-picker
    Color Selector for Form Elements

6. Indicates the login page

From here you can decide to which URL should be directed once you login.

7. And remember to save to see the changes

customized-logo-osom-login-page-customizer-simplified

Conclusion

Have you seen how quickly you can bring your login page into line with the rest of the website?

This is especially useful when you want to give your users access without neglecting your brand image.

But, really, even if you’re only going to use it for yourself. It’s a pleasure to enter the backend from such a cool login page, don’t you think? 😉

Osom Login Page Customizer

Doubts? Suggestions? I read you in the comments.

Filed Under: Plugins

Reader Interactions

Leave a Reply Cancel reply

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

Footer

Recommended by

In partnership with

  • FAQ
  • Blog
  • Affiliates
  • Terms of service
  • Privacy Policy
  • Cookie Policy

©2022 · Osom theme by OsomPress

Login to your account

Lost your password?