Hey guys welcome to WPBeginner and
thanks for watching.
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.
