Bootstrap sidebar login

The sidebar login form on this site is customized with the Bootstrap sprites using the method described here.

This article is only available to WP-Members Support Subscribers. If you have an existing subscription, please login below. If you do not have a current support subscription, you can purchase a support subscription here.

To gain full access to WP-Members premium content, a current support subscription is required. You can purchase an annual support subscription for as little as $59, which provides you with access to priority support, a customer support forum, access to code snippets, and more.

Why wait? Choose your subscription option here .

[Why join?]

Tagged: filters, str_replace, wpmem_sidebar_form

This topic has 3 replies, 2 voices, and was last updated 8 years, 3 months ago by Chad Butler.

Viewing 3 reply threads

Author

Posts
- August 17, 2012 at 11:22 am #1040
  
  Chad Butler
  Keymaster
  
  The sidebar login form on this site is customized with the Bootstrap sprites using the method described here. You do need to be using Twitter Bootstra
  [See the full post at: Bootstrap sidebar login]
- August 17, 2012 at 11:39 am #1042
  
  Chad Butler
  Keymaster
  
  In the original version of this post I neglected to make clear that you need to be using Twitter Bootstrap (or at least a Twitter Bootstrap WordPress Theme) to have this work as plug-and-play. As with any of the examples of “How I Did It” on this site, this is a working example that may not necessarily work for your situation without modification.
  
  Since this is a fairly popular post, I probably will come up with something similar for those that may not be using Bootstrap (which is a much larger number of people than those that are).
- November 9, 2012 at 5:38 am #1588
  
  osiris2102
  Participant
  
  Is this cut and paste ready? If so, which PHP do I paste it in? The wp-members/wp-members-sidebar.php ??? Also, does it matter where I paste it? Can I just put it in at the beginning?
- November 9, 2012 at 10:01 am #1589
  
  Chad Butler
  Keymaster
  
  Excellent questions.
  
  First note – none of the snippets or examples on this site will ever require you to make changes directly to the plugin files (except in VERY rare cases). Unless you have a really good reason to do, you should never make changes in the plugin’s core files. Any edits you make directly in that way will be overwritten when you update the plugin, so that’s not a good practice.
  
  Customizations and code snippets can generally be placed in your theme’s (or better yet, child theme) functions.php file (see: https://rocketgeek.com/basics/the-functions-php-file/). This plugin also allows you to load code snippets in its own pluggable file (see: https://rocketgeek.com/basics/customizing-wp-members-with-pluggable-functions/ for how to set that up).
  
  So the core of your question – it this cut/paste ready? Yes, primarily. However, this snippet assumes you are using Twitter Bootstrap or have at least the Bootstrap styles available in your theme. It could also be modified for use with other themes/styles.
  
  Also, you have to be very cognizant of how line breaks and such are generated in your theme. If you cannot get it to work, sometimes it helps to compare the generated source of your page to what the php str_replace function is looking for. These must match exactly (including line breaks) or it will not work.
  
  Hope that helps!
Author

Posts

Viewing 3 reply threads

You must be logged in to reply to this topic.