palatino

<p>Provides shortcode and template tag to place a <strong>link to popup a login form</strong> at any place you want to.</p>
<p>Features:</p>
<ul>
<li><strong>Modal form with overlay or simple popup form</strong></li>
<li>Shows a <strong>login link</strong> for not logged in users that <strong>pops up a login form on click</strong> </li>
<li><strong>Multiple instances</strong> possible: Place login form links to sidebar, header, and footer</li>
<li><strong>Fully customizable</strong> HTML, CSS and text lines ( but works completely out of the box )</li>
<li>Reads your <strong>custom CSS</strong> file from your themes folder if existing</li>
<li>Provides <strong>shortcodes</strong> for use in posts and widgets</li>
<li><strong>Template tags</strong> for easy use in template files</li>
</ul>
<p>Languages so far:</p>
<ul>
<li>English</li>
<li>German</li>
<li>Nederlands by <a href="http://www.sjoerdlohuis.nl/" rel="nofollow ugc">Sjoerd Lohuis</a></li>
<li>French by Denis (<a href="https://wordpress.org/support/profile/boulli" rel="ugc">Boulli</a>)</li>
</ul>
<p><strong>If you like to provide a translation please <a href="http://www.flexibleplugins.com/frontend-login/" rel="nofollow ugc">drop me a line</a>.</strong></p>
<p><strong>See <a href="/extend/plugins/flexible-frontend-login/other_notes/" rel="nofollow ugc">Other Notes</a> section</strong> for further information.</p>
<p><strong>See <a href="http://www.flexibleplugins.com/frontend-login/" rel="nofollow ugc">flexibleplugins.com</a></strong> for usage examples.</p>
<p><strong>See <a href="http://www.flexibleplugins.com/frontend-login/experimental" rel="nofollow ugc">the experimental page</a></strong> for upcoming features.</p>
<h4>How to use the Flexible Frontend Login shortcode on your site</h4>
<p>On the widget settings page choose the Flexible Frontend Login and adjust the settings to your site.</p>
<p>In a post or page place <strong><code>[flexible-frontend-login]</code></strong></p>
<p>By default the shortcode uses the settings set on the admin options page</p>
<p>You can override those default values with the following parameters and options:</p>
<ul>
<li><code>vertical=top, bottom</code></li>
<li><code>horizontal=left, right</code></li>
</ul>
<p>So your shortcode might look like this:</p>
<ul>
<li><strong><code>[flexible-frontend-login vertical=bottom horizontal=left]</code></strong></li>
</ul>
<p>If you want to use the centered login form with darkened overlay in the background<br />
use <strong><code>[flexible-frontend-login-modal]</code></strong> without any parameters.</p>
<h4>How to use the Flexible Frontend Login template tag on your site</h4>
<p>In template files place:</p>
<p><strong><code><?php if ( function_exists('flexible_frontend_login') ) flexible_frontend_login( 'bottom', 'left' ); ?></code></strong></p>
<p>To change popups behavior you can use</p>
<ul>
<li>“bottom” or “top”</li>
<li>“left” or “right”</li>
</ul>
<p>For popup with overlay use:</p>
<p><strong><code><?php if ( function_exists('flexible_frontend_login_modal') ) flexible_frontend_login_modal(); ?></code></strong></p>
<h4>Live examples</h4>
<ul>
<li>For more examples see <a href="http://www.flexibleplugins.com/frontend-login/" rel="nofollow ugc">plugin’s website</a></li>
</ul>
<h4>How to add your own styling</h4>
<ol>
<li>Place a folder <code>flexible-frontend-login</code> in your theme folder</li>
<li>Copy the files from <code>/wp-content/plugins/flexible-frontend-login/customization/</code> into the newly created theme subfolder</li>
<li>Adjust the CSS to your theme. You’ll find all classes provided by the plugin in that file.</li>
<li>If necessary change the HTML markup in the template file.</li>
</ol>
<h4>To Do</h4>
<ul>
<li>Include option to delete options on deactivation</li>
<li>Add option to display register link and form</li>
<li>Add admin option for redirection on logout</li>
<li>Add languages</li>
<li>Add option for Gravatar display for logged in users</li>
<li>Validate inside of modal window/current page without jumping to the basic wp-login.php</li>
<li>redirect to a specific User Role accessible page after a succesful login, add shortcode options for this</li>
</ul>


Flexible Frontend Login

Easily place a link to a Login Form Popup at any place of your site. Saves a lot of screen property and looks very nice.

Munir Kamal

Enclavely

Andrew Worsfold

essamamdani

<p><a href="http://gettailor.com/" rel="nofollow ugc">Tailor</a> is a free frontend page builder for WordPress that features a simple and intuitive drag and drop interface.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tfMyLMuaXjI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p>Check out the <strong><a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a></strong> for new elements and features. Like Tailor, it’s absolutely free!</p>
</blockquote>
<p>To get started:</p>
<ul>
<li><a href="https://support.gettailor.com/hc/en-us/categories/202586427" rel="nofollow ugc">Read the user documentation</a>.</li>
<li><a href="https://github.com/Enclavely/tailor/blob/master/readme.md" rel="nofollow ugc">Read the overview of features and elements</a>.</li>
<li><a href="https://medium.com/@tailorwp" rel="nofollow ugc">Keep up-to-date with the blog</a>.</li>
</ul>
<h4>Easy to use</h4>
<ul>
<li>Add elements and create <a href="https://medium.com/@tailorwp/columns-on-steroids-df5a5a957d89" rel="nofollow ugc">nested columns</a> instantly in a single drag and drop movement.</li>
<li>Copy elements anywhere on the page by dragging and holding the Shift key.</li>
<li>Move content independently and have it adopt the style of its parent elements!</li>
<li>Save one or more elements as templates, then drag and drop them onto any page.</li>
<li>Change the appearance of any element using a set of carefully selected options.</li>
<li>Undo and redo actions using the History panel (or keyboard shortcuts).</li>
<li>Control global layout settings in the Customizer.</li>
<li>Control page specific layout settings and add custom CSS and JavaScript.</li>
<li>Preview your layouts on different device sizes and manage responsive behavior.</li>
<li>Supports WordPress features (multimedia, shortcodes and more).</li>
<li>Supports built-in and third-party widgets.</li>
<li>Supports multi-language and RTL layouts.</li>
</ul>
<p>Because Tailor works with any theme, choosing one that you like is now the hardest part of creating a website.</p>
<ul>
<li>Need to show off your creative side?  Try the free <a href="https://wordpress.org/plugins/tailor-portfolio/" rel="ugc">Portfolio extension</a>.</li>
<li>Have an online store?  Check out the free <a href="https://wordpress.org/plugins/tailor-woocommerce/" rel="ugc">WooCommerce extension</a>.</li>
<li>Are you a power user?  The free <a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a> is for you!</li>
</ul>
<h4>Easy to extend</h4>
<p>Tailor is open source and built based on WordPress’ coding standards and best practices.  Everything from the code base to the user interface integrate perfectly with WordPress. The plugin features:</p>
<ul>
<li>A comprehensive set of <a href="https://github.com/Enclavely/tailor/blob/master/actions.md" rel="nofollow ugc">actions</a> and <a href="https://github.com/Enclavely/tailor/blob/master/filters.md" rel="nofollow ugc">filters</a>.</li>
<li>An API for adding, changing or removing elements.</li>
<li>An API for adding, changing or removing settings and controls.</li>
<li>A <a href="https://github.com/Enclavely/tailor/blob/master/api.md" rel="nofollow ugc">REST API</a> to manage elements, templates and models.</li>
</ul>
<h4>Need more information?</h4>
<ul>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-theme" rel="nofollow ugc">using a theme</a>.</li>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-extension" rel="nofollow ugc">using a plugin</a>.</li>
<li><a href="https://support.gettailor.com/hc/en-us/categories/203117247" rel="nofollow ugc">Read the developer documentation</a>.</li>
</ul>
<h4>Want to help?</h4>
<ul>
<li>Contribute to the <a href="https://translate.wordpress.org/projects/wp-plugins/tailor" rel="nofollow ugc">WordPress Translation project</a>.</li>
<li>Provide your feedback and suggestions through <a href="https://www.facebook.com/tailorwp/" rel="nofollow ugc">Facebook</a> or <a href="https://twitter.com/tailorwp" rel="nofollow ugc">Twitter</a>.</li>
<li>Get involved in the <a href="https://github.com/Enclavely/tailor" rel="nofollow ugc">GitHub project</a>.</li>
<li>If you like the plugin, please <a href="https://wordpress.org/support/view/plugin-reviews/tailor?rate=5#postform" rel="ugc">submit a review</a>.</li>
</ul>


Tailor Page Builder

Young and upcoming page builder that looks to have a promissing future!

Very Promissing

Build beautiful layouts for your content faster and easier than ever before using your favourite theme!

Flexible Frontend Login vs Tailor Page Builder