Horje
SimpleModal Login provides a modal Ajax login, registration, and password reset feature for WordPress which utilizes jQuery and the SimpleModal jQuery Wordpress Tutorial

Noted That:

  • To install correctly this simplemodal-login.zip .
  • Fisrt Download the simplemodal-login.zip to your computer
  • Extract/Open simplemodal-login.zip to Your Computer.
  • Then, Find readme.txt file inside simplemodal-login.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " simplemodal-login.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " simplemodal-login.zip "  Downloaded plugin from your computer, Where you downloaded simplemodal-login.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " SimpleModal Login " folder is added on left sidemenu. Now, Click on " SimpleModal Login " folder.

   Noted that: If you do not see " SimpleModal Login " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  SimpleModal Login Configurtions and Settings or How to work " SimpleModal Login " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " SimpleModal Login " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is SimpleModal Login
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Install and Activate

  1. Unzip the downloaded SimpleModal Login zip file
  2. Upload the simplemodal-login folder and its contents into the wp-content/plugins/ directory of your WordPress installation
  3. Activate SimpleModal Login from Plugins page

Implement

There are 3 options for using the SimpleModal Login features:

a) Use wp_loginout() or wp_register() in your theme. SimpleModal Login will use the loginout and register filters to add the simplemodal-login class or simplemodal-register class to the respective link.

b) Enable the Keystroke Shortcut option. Once this is enabled, you will be able to invoke SimpleModal Login using the Ctrl+Alt+L keystroke.

c) Manually add a Log In or Register link. If your theme does not use wp_loginout() and you still want to use this plugin, you can manually edit your theme and add a login link as follows:




Register

Configure

1) Configure the SimpleModal Login settings, if necessary, from the SimpleModal Login option in the Settings menu. You can choose from one of the available themes as well as enable/disable the keystroke shortcut.

2) The styles can be changed with the following methods:

  • Add a CSS file in your theme’s directory and place your custom CSS there. The name of the file should be simplemodal-login-THEME.css. For example, simplemodal-login-default.css or simplemodal-login-osx.css .
  • Add your custom CSS to your theme’s style.css stylesheet
  • Modify the SimpleModal Login CSS files directly in the simplemodal-login/css directory

Note: The first two options will ensure that SimpleModal Login updates will not overwrite your custom styles.


simplemodal , login , jquery , provides , modal , ajax , registration , password , reset , feature ,

Name

Read Article
https://develop.horje.com/learn/1434/reference