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. [Read more…]
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:
Here is a simple method for allowing users to log in with either their username or their email address.
There is, of course, the Email as Username extension. That extension sets up users with their email address as their username. But that extension actually creates the WP required username as the user’s email address.
Instead, 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.
I do get a lot of questions regarding how to setup the plugin to use the user’s email address as their username. User’s often times forget what they used as a username, and using their email address can make for an easy way to remember how to login. This script will allow you to remove the username field from the registration form and will populate the username field with the email address at registration.
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. [Read more…]