Style your signup page

Ron and I had a quick idea and a mini challenge for the day. The result is this quick and nifty plugin that left me wondering why nobody had done it yet.

Signup CSS (552)

This plugin add the css styling needed for the wp-signup page so the form looks a bit better. It should work on any theme, barring any funky styling. I tested it on four themes and only one looked wonky (because they used display:inline on #content). But even that looked better than nothing.

This way, you can fiddle around with themes on the main blog without worrying about future theme upgrades or manually adding in css to the theme.

I also included the default css that is hardcoded in wp-signup should you wish to edit the plugin and override it.

Added bonus: this will only add itself to the signup page. It won’t be added to any other page on the site. You can put it in the mu-plugins folder, or the plugins folder. It’ll still work.

[Post to Twitter] Tweet This Post 


bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark
tabs-top  banner ad


5 Responses to “Style your signup page”

  1. John Turner says:

    That’s cool, I do the exact same thing to modify the sign up page. I use jQuery to change the text and layout as well. Example

    //wp-signup.php
    if(location.pathname == ‘/wp-signup.php’) {
    jQuery(”label[for='password'] ~ p:first”).css(”visibility”,”hidden”);
    jQuery(”label[for='password']“).before(”");
    jQuery(”label[for='password']“).css(”display”,”inline”);
    jQuery(”label[for='blogname']“).html(”Website Domain:”);
    jQuery(”label[for='blog_title']“).html(”Band Name:”);
    jQuery(”#blogname”).css(”width”,”400px”);
    jQuery(”#blogname”).css(”text-align”,”right”);
    jQuery(”label[for='blog_public_on'] “).css(”visibility”,”hidden”);
    jQuery(”label[for='blog_public_off'] “).css(”visibility”,”hidden”);
    jQuery(”label[for='blog_title'] ~ p:first”).css(”display”,”none”);
    jQuery(”.suffix_address ~ strong:first”).css(”display”,”none”);
    }

  2. Ted Mann says:

    Are there any good plugins you know of that make it easy to change the core functionality of registering for a WPMU site? Specifically, I’m looking to figure out how to add an option where you specify which MU blogs you want to be added to.

  3. kunal says:

    Does this work with Buddypress too?

    Do you have any examples of really great registration pages?

    Thanks!

  4. [...] informatie vind je in hun blogpost Style your signup page. De plugin kan in zowel de mu-plugins folder als in de reguliere plugin folder geïnstalleerd [...]

  5. Scott Webb says:

    Nice job! Very very nice.

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image