• Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
Tutorial

Adding A WordPress Login Box To A Template

CMDR Mitchcraft

Reading time: 2 minutes

Sometimes, when you’re taking WordPress beyond a typical blog setup, the need arises to leverage the accounts system in WordPress (to purchase items, to access information, etc).  Earlier on I told you how to check to see if a user is logged in, but when your only login box is in the back-end, that makes it hard.  The first time a client told me I needed to drop in a login box, I panicked.  Forms aren’t the most fun to work with, and getting it to work exactly right with WordPress can be a real pain.

Unless, there’s a function that does it for you.

[code]

<?php wp_login_form(); ?>

[/code]

That’s it.  That single line of code will pull an entire login box to whatever template you have.  The best part?  You can style it however you like.  If you want, you can even create a page template called “Login”, put the form there, style it to match your site, and users may never even know the difference.

There are a few variables you can add in the form of an $args variable.

[code]

<?php $args = array(
‘echo’ => true,
‘redirect’ => site_url( $_SERVER[‘REQUEST_URI’] ),
‘form_id’ => ‘loginform’,
‘label_username’ => __( ‘Username’ ),
‘label_password’ => __( ‘Password’ ),
‘label_remember’ => __( ‘Remember Me’ ),
‘label_log_in’ => __( ‘Log In’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘rememberme’,
‘id_submit’ => ‘wp-submit’,
‘remember’ => true,
‘value_username’ => NULL,
‘value_remember’ => false ); ?>

[/code]

The important ones would be ‘redirect’ and the various labels.  Redirect allows you to specify where the user lands once they’ve logged in – default is the current page.  The labels change the username/password field labels to whatever you want.

Otherwise, it’s completely customizable.  Use it in sidebars, lightboxes, and even the footer; since you can style it, you can put it anywhere.

One caveat: if the user does anything wrong, it will take them to the typical WordPress login screen, so if you’re nervous about that sort of thing, you  may want to take proper precaution.  Branding the login page, and using a login redirection plugin to direct users once they’ve logged in will help any of the stragglers find their way.

login form, WordPress, wp_login_form
  • WordPress: A Future of Many Flavors?

    WordPress: A Future of Many Flavors?

    Reading time: 6 minutes

    If you’ve been following along in the WordPress space lately, you’ll know that there’s a lot of discussion around WordPress – not of code, nor of content, but of how the software itself is managed. To put it simply, there are three parties involved: Matt Mullenweg, who the founder of both the WordPress Foundation and…

    Open Source, WordPress
  • Easy Javascript ToolTips in WordPress

    Easy Javascript ToolTips in WordPress

    Reading time: 1 minute

    A client needed a simple way to preserve real estate on the sidebar, but still have the ability to display their policies at a quick glance.  I found a plugin on the repository that uses the TipTip jquery script and condenses it down into a simple-to-use shortcode (complete with button on the editing screen). The…

    WordPress