When you want your WordPress website to look exactly the way you want, then you resort to themes. But there is an area of your site that hardly a theme touches – your login page. The login page design of your WordPress blog is normal, as opposed to matching your theme design.
How to Styling and Custom Permalink WordPress Login Page
Even if this is not an issue for you. If you are the only one to login to your website, then it is fine. If you run a WordPress website on which public regitstration is allowed, then you will have to make your login page as good as your theme design.
In this post, I will tell you how you can do two things:
How to change the style of your wordpress login page.
How to change the URL of WordPress Login Page.
So let’s start:
How to customize the style of your WordPress login page?
There are many plugins, which can help you customize the style of the login page. Of all these plugins, my recommendation is the Custom Login Page Customizer plugin of ThemeIsle.
Why this plugin?
Because it allows you to customize your login page in realtime by using the Cusotmizer interface. This helps you a lot in visualizing what your final login page will look like. This plugin is 100% free, which is a great thing.
Install and activate this plugin like any other plugin.
Once your plugin is activated, go to Appearance> Login Customizer.
How to Styling WordPress Custom Page and Custom Permalink (1)
Now click on Start Customizing!
How to Styling WordPress Custom Page and Custom Permalink (2)
You will only see standard WordPress customizer. To customize your login page, click on the option of Login Customizer.
How to Styling WordPress Custom Page and Custom Permalink (3)
Once you are in the Login Customizer Tab, you start to customize your login page and can preview the changes in real time. I am going to give you a very good example of this plugin.
In the first option, you can change the basic WordPress logo with the logo of your website.
Just make sure that you have set the dimensions of the image properly, otherwise, the image will not look good.
How to Styling WordPress Custom Page and Custom Permalink (4)
In the next option you can set a custom background image or a custom background color.
I’m setting a dark gray color:
WordPress Login Page Styling and How to Custom Permalink (5)
Now you can choose the background for the actual form.
I’m choosing Red over here.
How to Styling WordPress Custom Page and Custom Permalink (6)
Now you can choose the dimensions of your form.
Here I am making this form a bit wide so that it looks visually appealing.
WordPress Login Page Styling and How to Custom Permalink (7)
In the next option, you can customize the input fields, which also include input text customizations.
This is important, because in our example, reading our label text in red background is a bit difficult.
So that’s why, I’m setting the label color to White.
How to Styling WordPress Custom Page and Custom Permalink (8)
After this you can customize the login button.
So I do not like it, as this blue button is visible above the red background, so I change it to dark gray color.
How to Styling WordPress Custom Page and Custom Permalink (9)
So finally let’s change the text color of the links at the bottom of the page.
So because I changed the background to gray, these links are looking a bit difficult to read. To fix this problem, I am making the bottom links white.
How to Styling WordPress Custom Page and Custom Permalink (10)
You can also add custom CSS and make the login page much better than the expectations of this plugin.
Don’t forget to save your Changes, that’s it!
By doing this, you will create a login page matching with your WordPress Theme.
How to change the URL of wordpress login page?
So now that you have styled the login page, you can make things a little more nice by changing its URL. By default, your site’s login page is in a location with yourdomain.com/login.
But if you change it, then you will have two benefits:
This will make it difficult for hackers to automatically find your login page.
With this you can add some of your branding to your login URL.
To change the URL of your WordPress login page, you can do a free plugin, that is, WPS Hide Login. Install and activate this plugin as well.
Once the plugin is activated, go to Settings> General.
Scroll down to the bottom and find the option of WPS Hide Login.
How to Styling WordPress Custom Page and Custom Permalink (11)
All you have to do is to enter your desired URL and then click on the button of Save Changes. Just remember this URL, because then to login next time
But, you will only need it.
Subscribe to keep reading more similar informational posts and to get notifications about new blog posts. Comment below to ask any kind of question related to this blog post.
Let me know if you have any questions related to this post?
Complete Guide to Using Custom CSS in WordPress Blog
What are HTML, CSS, PHP and what do they use for you?
How to add Infinite Scroll feature to your WordPress Blog / Site?
How to reduce loading time of your blog?
To show your happiness and enthusiasm towards our post, please share this post on social networks such as Facebook, Google+ and Twitter etc.
Subscribe for more such videos
Contents – Content
1 How to customize the style of your WordPress login page?
2 How to change the URL of a WordPress login page?
WHAT OTHERS ARE READING:
Set Push Notification – Pushengage
How to setup Push Notification in WordPress blog in next 5 minutes
Blogging Online Money Making Guide ShoutMeHindi
A To Z Complete Guide to Blogging and Making Money Online
How to create a WordPress blog on Free Web Hosting (000WebHost)
How to create a WordPress blog on Free Web Hosting (000WebHost)?
This post was last modified on May 31, 2018 2:53 pm
How to Create and Publish Ad Campaign in Facebook? »« How to Embed Google Docs in WordPress Posts and Pages?
Tags: CustomizationLoginLogin PageWordPressWPWP-admin
Gurmeet Singh: @shoutmehindi Hello, I am Gurmeet, Senior Editor of ShoutMeHindi. With the support of all of you, this blog has become a popular blog providing information related to blogging in Hindi language and earning money online. In the same way keep giving your support and we will continue to provide new information for you. 🙂