“WP Custom Admin Login Lite” Documentation by “8Degree Themes” v1.0.0

“WP Custom Admin Login Lite”

Created: 4/3/2018
By: 8Degree Themes
Email: [email protected]

Thank you for downloading our plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thank you so much!

Table of Contents

  1. Installing Instructions
  2. Customizer Options
    1. Enable Plugin
    2. Select Template
    3. Header Section
    4. Display Options
    5. Login form
    6. Additional Content Block
    7. Footer Section
    8. Custom CSS

A. Installing Instructions - top

  1. Unzip [plugin].zip
  2. Upload all the files to the /wp-content/plugins/wp-custom-admin-login
  3. Activate the plugin through the 'Plugins' menu in WordPress.
  4. For customizing the plugin settings, click on WP Custom Admin Login Menu option menu in WordPress left admin menu.

Once the plugin is installed and activated you will find a menu named "WP Custom Admin Login Menu" in the left menu bar of the admin menu. Once you click on that menu, you will go to menu listing page. You can click on Add New. But before that lets create a menu first.

B. Customizer Options - top

1. Enable Plugin - Top

The plugin is turned on at the time of installation. In case you want to disable the plugin or if you think our plugin is causing some issue, check the option to true. This option acts as a kill switch.

2. Select Template - Top

Select template has two settings:

  1. Templates
  2. Design

Templates

There are 5 different templates which you can choose from. Each template providing a different layout from the other. The plugin uses the built-in login functionality of WordPress and only provides you the design aspects. Select a Template of your liking, click publish and refresh the page.

Design

Once you have selected a template, you can use the template as it is or you can customize different aspects of the templates such as Component colors and Backgrounds.

  • Enable customization: Turn on/off the provided customization.
  • Background: The plugin provides you three different background options.
    • Color: You can choose from a wide range of colors and even set transparent values or preset values.
    • Image: You can choose any image from your media library and set it as your form background. Image size may slow your load time so always use optimized images. You can also set background size, repeat and position. The background are set using jarallax.js so all your backgrounds get a parallax effect by default.
  • Template colors: We have made coloring easy for you by allowing you to change only template colors. Primary colors are the most seen colors, Secondary colors are mostly link hover colors and Tertiary Color are any extra colors to match your template set. Please check the template component and color diagram for better understanding different components and names.
  • Social Icon Colors: You can set the color for the footer social icons here:
    • Icon Color: Set the color for the icons
    • Tooltip Text: Set the color for the tooltip text
    • Tooltip Background: Set the color for the tooltip background

3. Header Section - Top

Header section consist of two components

  1. Text
  2. Logo

Text

  • Header Title: You can add your header title here. The default value for this is your site title.
  • Header Description: You can add your header description here. The default value for this is your site tagline.

Logo

  • Hide Logo: Turn logo on/off from this settings. Some templates look nice without a logo while for some, your logo may be the greatest asset.
  • Set logo: You can set a logo from the media library. The default logo is the WordPress brand logo.
  • Logo URL: Set where clicking the logo leads to.
  • Logo Hover Title: Set information to show on logo hover.

4. Display Options - Top

Here you can select option to show or hide different login page components such as:

5. Login form - Top

Login for consist of two sections

  1. General
  2. Design

General

You can set your form components here like:

  • Lost Password: Set the lost password text here
  • Remember Me text: Set the Remember me text here
  • Registration Text: Set the Registration text here
  • Registration Link Text: Set the Registration link text here
  • Registration URL: You can set the Registration url here. It comes handy if you have a custom registration page.
  • Back to Text: Set the back to text here.
  • Back to URL: Set the back to text URL here. It will lead you to your homepage by default.

Design

You can added additional colors to your form here. These settings include:

  • Enable Customization: Turn on this to apply color values used in this section.
  • Background settings: You can set two type of background
    • Color: Choose to add a background color to the form
    • Image: Choose to add a background image to the form. You can set background-size and posistion as well
  • Typography: Select a Google font for your Login page
  • Form Fields: You can set the form fields background and border colors used in the template
  • Text Colors:Set color to individual components such as Header Color, Tagline Color, Label Color, Remember me Color, Forgot Password Color, Button Text Color, Register Color, Back to Color and Footer Text Color

6. Additional Content Block - Top

For some templates you can add additional text to them to make the templates full. You can add any HTML you like. Here are some of the samples according to Templates to get the same design as in the demo.

Template 1

<div class="wcal-additional-content-template-1">
  <div class="wcal-latest-news">Latest News</div>
  <div class="wcal-headline">Puntos Premia is cash.</div>
  <div class="wcal-tagline">Great Theme for your Business and Construction.</div>
  <div class="wcal-readmore"><a href="#">Read more</a> <i class="dashicons dashicons-arrow-right-alt"></i></div>
</div>

Footer Section has two components

8. Custom CSS - Top

If you are not satisfied with the currently design and if all the available customization settings are not enough for you then you can add your Own Custom CSS in this section.

Once again, thank you so much for downloading this plugin. As we said at the beginning, we'd be glad to help you if you have any questions relating to this plugin. No guarantees, but we'll do our best to assist. If you have a more general question relating to the plugin on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.

AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

WPAll Club

A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

Premium WordPress Themes

6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

Premium WordPress Plugins

45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

AccessPress Themes

AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

8Degree Themes

8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.

8Degree Themes

Go To Table of Contents