Up next in 10
How to Customize Login Page in Wordpress
2K views
Jan 24, 2024
In this tutorial video, the presenter guides viewers through the process of customizing the login page in WordPress. The video likely covers step-by-step instructions on using various WordPress customization options, themes, or plugins to personalize the appearance of the login page. Viewers can expect insights into changing login page backgrounds, colors, adding logos, and potentially incorporating additional security features. Whether you're a website owner, developer, or someone looking to create a branded and secure login experience, this video aims to provide practical tips for customizing the WordPress login page to suit your preferences and requirements.
View Video Transcript
0:00
Hi everyone, welcome to Kitu Blogging and in this video I will show you how you can customize your login screen in WordPress
0:06
So whether you are running a membership website or an e-commerce website where user login to your website
0:12
then you need to customize your login page. So the default login page of WordPress looks boring, so you need to do a little bit of quick in that page
0:23
So let's check how you can do that. So here let me just log into my WP admin
0:30
and let me just log out for this moment. And as you can see that the login page not looks that good
0:37
So we need to customize it like we need to add a custom background image
0:41
We can change our own logo image and you can customize this page
0:46
So let's do that. And by the way if you found this video helpful then make sure to hit the like button
0:51
So let's get started. So let me just log into the website first
0:57
And here I will use a plugin called Login Press. So this plugin will allow us to customize the login page
1:05
So for this, let me just go to the plugins and I will click on Add New
1:09
Now you can simply search for Login press. And here it is Login Press, LP Login, Customs, Login Page Customizer
1:17
So let's install this plugin first. Now let's activate this plugin. Okay, now the plugin is installed
1:23
Let's click on the settings here and here you will see this option, Login Press in the
1:27
the left menu and here you can set a session expiration time so by default it is set to 10 minute now here you can select this option auto remember me so that whenever you open the login page it will click on the auto remember button automatically
1:45
And here you can also set a custom password field if you want and you can also set the login
1:50
order like whether you want to allow only login through username or allow only through
1:55
email address or both username and email address. Now let's customize the login page
2:00
So for this let's click on the customizer here. Now it will take you to the default theme customizer
2:06
So here you can see that there is this login press option here in the theme customizer
2:11
So let's click on here. Now here you will see some theme options but most of the all of the theme options are paid
2:19
So we need to customize it manually. So here you can disable the WordPress logo from here if you want or you can set a custom logo
2:27
So you can choose a custom logo image here. So let me just choose this as a logo for my logo
2:33
website and as you can see that the custom logo is added to our login page
2:38
Now here you can set the logo width. So by default is set to 84, so if you want to increase the logo width, then you can do that
2:45
Like you can set the logo height like this. So I will keep it as default and here you can set a space bottom after the logo and you can
2:55
set the logo URL, logo title and everything. Now let's go back here and let's click on background
3:02
So here you will see a digital. different background options like you can choose the predefined background or you can upload
3:08
your own custom background. So what I can do is I will click on select image here and I will choose a background from my media library And as you can see that we have set a custom background in our login page Now you can set the background repeat to no repeat and all the default settings work fine
3:26
Now here we will also add a background video if you want, just click on the enable video
3:31
background here and you can select your background video as well. So let's go back here
3:38
Now let's click on Customize Login form. So this is the login form and here you can enable transparency if you want
3:44
And you can also add a form background images here and you can adjust the form width
3:50
So by default it is 350 pixels so you can increase the form width like this and you can also
3:57
increase the form minimum height like this. So I will keep it as default
4:01
Now you can also add a form radius like this so it will make it round
4:07
So you can adjust play around this settings and adjust according to the settings and adjust according to your own choice
4:12
Now you can also add form padding like this and you can also add an input field background color
4:19
So if you select this one like this, then it will set a background color in the input field
4:24
So you can also control that. Now you can also set the input field level color
4:31
So let's select a level color like this or you can set a level color like this
4:37
So you can match your own brand. can change the level color as well
4:42
And you can also play around the font size of these levels and the input field
4:47
Now let go back here and here you can see the customizer forget form So when someone click on lost your password it will customize the settings as well So you can set the background in that page as well
5:01
Now let's go back here and you can enable the Recapture here
5:04
So for this you need to go for the premium plan. So I will leave this settings for now
5:11
Now let's click on button beauty. So you can change the button color here
5:15
You can change the button border color box, shadow effect in the button
5:19
So let me just change the button color from here like this
5:23
And you can see that you can easily match your branding and change color of the settings
5:28
as well. And here you can change the border radius of your login button like this
5:35
And you can also add a shadow to this button. Now let's go back here and you can see this error messages
5:41
So you can also change that as well. Now here you can see the welcome message like this and here this plugin will allow us to
5:49
customize a lot of themes in the login page so you can definitely try this
5:54
And there is the Google font options but it is in Pro version so we can't change that
5:59
And if you want to use the CSS and JS to enhance the looks further and functionality, then
6:05
you can use that as well. And here you can see this option change background and change template
6:11
So this is the shortcuts you can get. Now here in this way you can customize your login page in WordPress using the login press plugin
6:21
So if you have any doubt regarding this, then you can ask me in the comment section
6:25
And if you found this video helpful, then make sure to hit the like button
6:28
And I will see you in the next one. Bye bye