In this video I want to show you how you can add a front-end login page with
widgets in WordPress. When you first log in WordPress will already dump them into their
profile page in the back like this and if you're kind of new and you're just
logging into somebody's site. It doesn't make sense to you don't know what you're supposed to do
or where you're supposed to go. So by adding a login page setup that'll help with this. So to get
started I'm gonna log out of this subscriber user, login with my admin account, we're gonna add
a plugin called theme my login so from the dashboard you wanna go to plugins
add new and we're looking for theme my login, enter to search and we want to install
this plugin right here so I'll click Install Now
and we also want to activate the plugin.
Now that it's activated we have this little icon down here so we want to go
to that to set things up. Alright so we'll kind of go over some of these items in the
configuration area.
The stylesheet will use theme my login style sheet and if you start to see any issues
with the look on your site then you'll probably want to
disable that or uncheck it, that might be causing some issues. The login type that
you can use is user name only, email only, or a combination. Most people log
into their WordPress site with username so you can leave it like that
and down here is where the the power of it is
and these are the modules that we'll use. Let's just go through we're going to enable all of these just to
show you what they are. Once I enable them
I'm going to save changes and then we'll go through them one by one.
Alright now we see that the settings have been saved so now we see over here we
have all these items to look at so I'm gonna go to email.
Enabling custom email that will change by default WordPress will send out certain
emails to subscribers and to admin and when you enable that you can change what
gets sent out. Under redirection kind of the power of the plugin because once a
user logs in, depending on what their their, if they are subscriber or an editor or, an
admin you can change where it goes. So for login you can set it either as
default and when somebody logs in it takes and if their subscribers will take
them to the profile or this is where you can change it. You can make sure that it
goes to the referrer so basically whatever page they were at before when they click
Login it will take them back to that. You can also enable a particular page say if
you have editors then you can change that to redirect them to a new posts so as
soon as they log, as soon as they log in they'll be redirected to a new post where
they can start writing out their new post for you
Same thing with the log out if they want to log out then they either just logs them out
and then it shows them the logout screen or it can log them out and then take them
to the referrer space where you can have them log out and take them to, redirect them
to a particular page on your site. That's for the administrator if you notice
all of these are for administrator you can change if for editor like I said you
could probably send them to the new post area.
Same thing with an author and you can change it for contributor or subscriber. Usually
those would be good for reefer depending on where they were and then they login
you can take him back to that section. Under User links these are the links
that you can redirect them to, the custom user links that you want to use so these
are the ones that this is where you set them up you can add new links over here if
you want. ReCAPTCHA that's to add an extra set of security when somebody is
logging in so spambots can't just go through and register for your site
without first going through that. To get that activated you'll wanna go out and
get the reCAPTCHA API and secret key and add that there and then that will be
added to the registration page. Under security you can choose to make this a
private site that a user needs to login before they can see anything. You can
disable the login area altogether or you can do
login attempts and remove the ability to do multiple unlimited log-in attempts
that's under security. Themed profiles, you can choose who to set
this theme my login for. Finally under moderation you can choose when somebody
registers how to deal with it you can either do no moderation and just let multiple
people log in, you can choose to do email confirmation where it will send an
automatic email to someone and they must click on that before they can get login
approval, or you can do it completely manual and and have admin approval on it. So
just to show you what it will look like I'm gonna go back to redirection and I'm
going to change from the scroll down to subscriber
and I want to change the login to refer meaning if a scriber logs in then It'll take them back
to the last page that they were at. The next thing we want to do is we can go into
the widgets area and add a log in section to the sidebar
so go to Appearance, Widgets and I want to pick the Theme My Login
I'm gonna grab it left click and I wanna put
that in my sidebar area and these are all the items that you can show for it.
The default action will be log in, you can also do the action to be register
if you're looking to register a lot of people on your site then that would be
the default. Since I have a user for this and I just want to show you what it will
look like I'm gonna put login as the default action and click Save. I'm gonna log out here.
Now when I go
to the front of my site if I wanna log in with the subscriber user that I
have, when I click Login instead of going to the profile page like it did before
you see it will log me in
and welcome me here and I can also see that I'm logged in here but I'm still in the
front end of the website where I can just continue to do what I was about to
do and that's how you add a front-end login page to your website.
If you like this video click on the like button
and go ahead and leave us a comment there, we'd love to hear from you.
And subscribe to our YouTube channel to get the latest videos.