Banner for Simplemodal Login
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:

Step-1 : Download " simplemodal-login.zip " to Your Local Computer.

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

Login to Wordpress Simplemodal Login

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Simplemodal Login

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Simplemodal Login

Step-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 "

Upload Plugin Simplemodal Login

Step-6 : Now, Click on " Active Plugin "

Activate Simplemodal Login

Step-7 : Then, See left Side Menu. " Simplemodal Login " folder is added on left Side Menu. Now, Click on " Simplemodal Login " folder.

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

Step-8 : Now you configure yourself oR Watch video tutorial below about Simplemodal Login Configurations 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.


Name