Flexible Frontend Login for WordPress

In a post or page place [flexible-frontend-login]

By default the shortcode uses the settings set on the admin options page

You can override those default values with the following parameters and options:

vertical=top, bottom

horizontal=left, right

So your shortcode might look like this:

[flexible-frontend-login vertical=bottom horizontal=left]

If you want to use the centered login form with darkened overlay in the background

use [flexible-frontend-login-modal] without any parameters.

How to use the Flexible Frontend Login template tag on your site In template files place:

<?php if ( function_exists('flexible_frontend_login') ) flexible_frontend_login( 'bottom', 'left' ); ?>

To change popups behavior you can use

“bottom” or “top”

“left” or “right”

For popup with overlay use:

<?php if ( function_exists('flexible_frontend_login_modal') ) flexible_frontend_login_modal(); ?>

Live examples

For more examples see plugin’s website

How to add your own styling

Place a folder flexible-frontend-login in your theme folder

Copy the files from /wp-content/plugins/flexible-frontend-login/customization/ into the newly created theme subfolder

Adjust the CSS to your theme. You’ll find all classes provided by the plugin in that file.

If necessary change the HTML markup in the template file.

To Do

Include option to delete options on deactivation

Add option to display register link and form

Add admin option for redirection on logout

Add languages

Add option for Gravatar display for logged in users

Validate inside of modal window/current page without jumping to the basic wp-login.php

redirect to a specific User Role accessible page after a succesful login, add shortcode options for this