• Skip to primary navigation
  • Skip to main content

RocketGeek

Home of WP-Members, The Original WordPress Membership Plugin

  • WordPress Plugins
    • WP-Members
      • FAQs
      • Quick Start
      • Documentation
      • Extensions
    • Advanced Options
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Download Protect
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Invite Codes
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • MailChimp Integration
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • PayPal Subscriptions
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Salesforce Web-to-Lead
    • Security
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Text Editor
      • Purchase the Plugin
      • Get the Pro Bundle
    • User List
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • User Tracking
      • Documentation
      • Purchase the Plugin
      • Get the Pro Bundle
    • Memberships for WooCommerce
    • WordPass
  • Store
    • Cart
    • Checkout
  • Blog
    • Basics [Free]
    • Tips and Tricks
    • Filters
    • Actions
    • Code Snippets
    • Shortcodes
    • Design
    • Release Announcements
  • Contact
  • Sign In
  • Show Search
Hide Search
Home » How I Did It » Bootstrap sidebar login

Bootstrap sidebar login

Chad Butler · May 25, 2012 ·

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.

Already a Member? Log In Here
   
Forgot password? Click here to reset

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?]

How I Did It filters, str_replace, wpmem_sidebar_form

Welcome to RocketGeek Interactive › Forums › Bootstrap sidebar login

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.
Log In

Ready to get started?

Join Today!

© 2021 · butlerblog.com · RocketGeek is built using WordPress, WP-Members, and the Genesis Framework

  • butlerblog.com
  • WP-Members Support Subscription
  • Terms of Service
  • Refund Policy