How To - WordPress
Word Press Login Page Styler plugin
If you want to customize the user login experience in your Word Press website, here is a nice solution by using the Word Press Login Page Styler plugin. Make beautiful and eye catching login styles in few Minutes.
You can watch the video below OR scroll down to see the step by step instructions.
First step is to Install the Login Page Styler plugin
1) WP Admin page – Menu on the LEFT side of page SELECT Plugins tab.
2) Now search the the Plugins page on TOP LEFT and Select Add new tab.
3) Further on the NEW PLUGINS page, go to TOP RIGHT and under the Search field type Login Page Styler. After this look for the Login Page Styler plugin.
4) Install the plugin and in any case do not forget to ACTIVATE it.
5) WP Admin page – Menu on the LEFT side of page select Login Page Styler.
NOT ALL FEATURES WILL BE ACTIVE FOR THE FREE VERSION.
However The FREE VERSION will offer you a nice setup. If you want a more customized setup, you will have to go and buy the PREMIUM version.
6) Styling / Login Settings
a) Enable Plugin: Yes
b) Hide Login Logo: No
c) Hide Login Error Msg: Yes
d) Hide Lost Password Link: Yes OR No (your choice).
e) Hide Back to Blog Link: Yes OR No (your choice).
7) Styling / Logo Settings
a) Logo Link: add you website home page link.
b) Logo Title: Add a title if you want – will be displayed under your logo image if you have any.
c) Logo Image. If the Upload Image button do not work do this:
d) WP Admin page – Menu on the LEFT side of page SELECT Media tab.
e) If you have the logo in your media library click on it.
f) Right side of page – go and copy the content under URL field (click three times to select AND Ctrl + C). Close the window Attachment Details (Click on x – right side of window).
IF YOU DO NOT HAVE THE LOGO OR WANT A NEW IMAGE go to the next step OR skip to step m.
g) Click Add New (LEFT side of page – TOP).
h) Click on Select Files tab.
j) Select the image from your computer and click Open.
k) Select the newly uploaded image.
l) Right side of page – go and copy the content under URL field (click three times to select AND Ctrl + C). Close the window Attachment Details (Click on x – right side of window).
m) WP Admin page – Menu on the LEFT side of page select Login Page Styler.
n) Scroll to Logo Settings and PASTE (Ctrl + V) the URL under Logo Image field.
8) Styling / Login Background Settings. On free version you can select ONLY your background color. Go and choose a color you like.
9) Styling / Form Settings
a) Change Login Form Position: Middle-Center
b) Login Form Label Size: 16
c) Login Form Remember Me Label Size: 14
d) Login Form Border Style: 5
e) Login Form Border Radius: 5
f) Login Form Input Field Border Style: 5
g) Login Form Input Field Border Radius: 5
I lest all colors as default. If you want you can go and Select custom colors what you like.
10) Styling / Button Settings
a) Login Button Border Radius: 5
11) Login Button Color: Leave as is or Select a color you like.
12) Styling / Lost password and Back to blog
a) Navigation Link Size: 14
b) Navigation Links Color: Leave as is or Select a color you like.
c) Navigation Hover Links Color: Leave as is or Select a color you like.
13) Click SAVE CHANGES
14) Google ReCaptcha
a) If you have installed Google Captcha plugin – Do not setup here
b) If NOT go and get you Google credentials. Click HERE and scrol to Step 6 – “To activate Google Captcha you will need the SITE KEY (A) and SECRET KEY (B)”. Follow the instructions to get your Site Key and Secret Key.
c) COPY and PASTE the keys under your Login Page Styler / Google ReCaptcha / Site Key and Secret Key fields
15) Click SAVE CHANGES
16) Limit Login
a) Enable Limit Login Security: Yes
b) The rest of features are as displyed for the FREE Version.
17) Click SAVE CHANGES
All Done! You just finished the Word Press Login Page Styler plugin installation and setup.
Just added a nicer login experience for your Word Press website.
Please navigate to Moved By Web – How TO – section to find some more articles … helpful and worth reading.