Customizing The WordPress Registration Form

Often times, people want a way to modify the look of the registration form page in WordPress. However, this desired outcome is often misplaced. What most people want to do is simply place the form on a page, such as the home page or special registration page.

This is easily done by simply copying the code from the standard registration page. Then you can modify it and style it however you want. Here’s an example:

<div id="login">
<h3 class="message register">Register For This Site</h3>

<form name="registerform" id="registerform" action="/wp-login.php?action=register" method="post">

<label for="user_login">Username<br />
<input type="text" name="user_login" id="user_login" class="input" value="" size="25" /></label>

<label for="user_email">E-mail<br />
<input type="text" name="user_email" id="user_email" class="input" value="" size="25" /></label>

<p id="reg_passmail">A password will be e-mailed to you.</p>
<p class="submit"><input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Register" /></p>
</form>

<p id="nav">
<a href="/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a>
</p>

Simply add your form to any page (using the Text view in the editor, of course).

There is also a nice plugin that adds the registration form using a shortcode from Mike Van Wrinkle.

Published by

Tim Bunch

Tim Bunch is a Web Designer and Social Media Specialist at CapEd FCU from Boise, Idaho. As a web standards fanatic, he passionately pursues best practices in web design. He also actively engages people on a wide range of topics in a variety of social media networks. Tim is also an avid Wordpress developer, music maker, coffee drinker, and child raiser. @timbunch

Leave a Reply

Your email address will not be published. Required fields are marked *