wpmem_sidebar_form

Login with Username or Email

Chad Butler · Dec 1, 2018 ·

This article is provided free. Find out how you can get full access to premium content, including how-to articles and support forums, as well as priority email support and member exclusive plugin extensions..

Part of the WP-Members 3.2 project involved allowing users to log in using either their username or their email address. This makes the WP-Members Email as Username extension obsolete (which, if you’re wondering, is why it is no longer supported).

However, because all of the translation files still reflect “Username” in the login form field text, I decided to give the translators time to catch up on the language packs. So while you can log in using either a username or an email address, the label on the form only says “Username.” Continue Reading →

Replace form label tags with input tag placeholders

Chad Butler · Feb 24, 2015 ·

For those that are looking to shape the forms into a specific design that may include using input tag placeholders rather than labels, this set of code snippets will describe how to do that. Continue Reading →

Customizing form CSS: Login widget with inline inputs

Chad Butler · Jan 13, 2015 ·

This post is an example of manipulating the WP-Members login widget to display inline (inputs on a single line).

Since the involves some HTML changes and some specific CSS, please consider this an example. You will get your best results if you first try to reproduce the example as given. While you might get part way there just dropping the example into your own site, if you are running 20 different plugins and a highly customized theme, you probably won’t get the same results out of the gate. This example is not intended to be a one-size-fits-all solution because with the amount of variable pieces, that’s not realistic. It is intended to be an example of specific filter hooks available in the plugin for you to be able to learn how customize the HTML output to fit your specific need.

Here is an image of what we will create with this example:

Continue Reading →

Log in with Email or Username

Chad Butler · Jan 6, 2015 ·

Here is a simple method for allowing users to log in with either their username or their email address.

This process allows the user to log in using either their username or their email address. It’s not difficult to implement and leaves you with a clean process where you don’t have to worry about what to do when users change their email address.

Continue Reading →

Bootstrap sidebar login example for non-Bootstrap themes

Chad Butler · Aug 18, 2012 ·

There is a lot of interest in the sidebar login shown on this site, even by users who may not be using a Twitter Bootstrap theme. The tutorial in the “How I Did It” category is specific to Twitter Bootstrap, which this particular site uses. But this tutorial is an example of how you can create this type of login wiget styling without using a theme based on Twitter Bootstrap. Actually, you will be using Bootstrap or some of it, but loading it with your existing theme and/or custom WP-Members custom css. For this example, we will create this with a simple theme – WordPress TwentyTen. Continue Reading →