News - Written by Kerry on Monday, January 25, 2010 4:37 - 16 Comments

Branded Login Screen 2.0 Released

Branded Login Screen 2.0 Coming SoonOk. Here it is. I will be submitting the plugin to Weblog Tools Collection very soon and I should have it in subversion at WordPress so you can get it from the plugins archive as well. Let me know what you think in the comments. Any and all suggestions are appreciated.

Download Link

Description

The Branded Login Screen has been updated to version 2.0 and along with that come many changes. The ability to place a hi-res, full-screen image as the background of your login screen opens up many avenues for branding your WordPress site. Along with placing the login form itself in three different positions on the page and the flexibility is endless. Take a look below at the new features and the instructions for a successful installation of the Branded Login Screen.

New features of the Branded Login Screen plugin:

  • FULL SCREEN BACKGROUND IMAGE
  • POSITION LOGIN FORM: LEFT, CENTER OR RIGHT
  • INFORMATIONAL LINKS IN THE NEWLY DEFINED LOGIN FOOTER
  • BACKGROUND IMAGE SIZES WITH WINDOW RESIZE
  • REMOVES ALL WORDPRESS BRANDING
  • REPEATING BACKGROUND IMAGES SUPPORTED
  • STILL UPGRADE PROOF

Installation

Upgrading From A Previous Version

To upgrade from a previous version of this plugin, follow the installation instructions below. Allow your FTP client to copy the entire contents of the ZIP file over the top of the plugin in its current location replacing existing files.

Installing The Plugin

Extract all files from the ZIP file, making sure to keep the file structure intact, and then upload the plugin's folder to /wp-content/plugins/.

Then just visit the Administration Section >> Plugins page - and activate the plugin.

See Also: "Installing Plugins" article on the WordPress Codex

Installing The Plugin For WordPress MU

Plugin installed and works fine on WordPressMU. I found no issues on my install of WPMU 2.9.1.1.

Frequently Asked Questions

Q) What is required to use a repeating background image?
A) It is a two step process. 1) Edit the css to use a repeating background image. The .css is documented.
2) Edit the branded-login-screen.js to use the same image as the css background element. The .js is also documented.

Q) What is required to change the location of the login form from the right side to the left or center?
A) Just check the branded-login-screen.css file for the sections to uncomment to accomplish the required
location change of the login form. Remember to recomment the sections if you wish to reposition the form.

Screenshots

Branded Login Screen 2.0 Form Position LeftBranded Login Screen 2.0 Form Position CenterBranded Login Screen 2.0 Form Position Right

The plugin also accommodates repeating images. Just a few css changes as documented in the branded-login-screen.css file included with the plugin.

Branded Login Screen 2.0 Form Position Left RepeatBranded Login Screen 2.0 Form Position Center RepeatBranded Login Screen 2.0 Form Position Right Repeat

Click on the images above to see a screenshot of the positioned login form or take a look at my login page to see the Branded Login Screen in action. I love the full screen graphic affect. The plugin defaults with the login form on the right side of the login page. This is easily changeable with a css edit. The css to center and left justify is included and only needs to be uncommented.

Upgrade Notice

NONE AVAILABLE

Changelog

2.0 - Complete rewrite of the Branded Login Screen version 1.1 (which will be known as Branded Login Screen Classic going forward)



16 Comments

You can follow responses to this entry through the RSS 2.0 feed. You can leave a response or trackback from your own site.

Mohammad Patel
Jan 28, 2010
10:33 pm
 

frankly, i was hoping to have a normal plugin setup, under settings. Where we upload a 1024×768 picture and have a GUI interface to setup the login screen… or is it in progress?

TeraS
Jan 29, 2010
06:26 pm
 

You have a simpletip error in your javasscript page. I think it’s in the last line of the file….

Tera

Kerry
Jan 29, 2010
06:38 pm
 

@Muhammand – I have plans for an options page but wanted to get the plugin out the door. Yes, it is in progress.

Kerry
Jan 29, 2010
06:39 pm
 

@TeraS – Yes and thanks. I noticed this on my local copy but have not cleaned up the install zip. I will edit the file and have it out there very soon. Thanks again for the eyes. :)

Kerry
Jan 29, 2010
10:14 pm
 

@TeraS – Fixed the zip. Thanks again for the heads up.

TeraS
Jan 30, 2010
01:03 pm
 

Thankies and welcome!

Tera

RMD
Feb 20, 2010
02:32 pm
 

I would like to brand my own logo and site, not WordPress by default or another by adding a plug-in. Is it possible to replace the logo and customize “Welcome” at the top of the log-in and also remove the three links from the bottom of the page? Thanks, Rob.

Curtis
Mar 14, 2010
03:41 am
 

I’ve just installed this plugin but the background & shim images do not load.
I’m using firefox 3.6 but also tried with IE.

Marc
Mar 17, 2010
03:57 am
 

hello and thanks for the plugin.

I install it on a domain for a client, names: http://www.serviberga.com But i need to erase the contact us link and links to your website and wordpress website, i don’t find the file where i can’t do that. Can someone tells me how to do it please?
taht’s on the admin panel.
ty i need help please it’s important for me.
ty.
Marc.

Marc
Mar 17, 2010
12:37 pm
 

New features of the Branded Login Screen plugin:

* INFORMATIONAL LINKS IN THE NEWLY DEFINED LOGIN FOOTER

I need to delete this option, how can i do it, tell me please.
Marc

Kerry
May 23, 2010
06:17 pm
 

@Marc & @RMD – You will need to edit the .css & .js files of the plugin. Read them and if you have a more question let me know.

Steve
Jun 11, 2010
11:07 pm
 

after spending some time changing bits and peices of both the js and css files was wondering if you had a step by step instructions or a plugin that is a little simpler?

Jeremy
Jun 19, 2010
11:49 am
 

Just upgraded to WP 3.0 and my registration box on the branded login screen has been cut in half. The only way to see the rest of the form is to tab to it. http://tidalwavetraining.com/wp-login.php?action=register

Any way to correct this?

drew
Jul 19, 2010
12:14 pm
 

hi, how can i add a page after the password recover? it just shows my welcome logo.. how can i add a link/message to go back to the login page?

Dan
Jul 22, 2010
03:13 pm
 

Hi Kerry,

Love your plugins, they make for really professional finishing touches for clients.

One question, are both your branding plugins compatible with WordPress 3.0?

Keep up the good work,

Cheers,

Dan

Kathy
Aug 3, 2010
01:19 pm
 

Kerry,

Great plugin, love it.. I do have one question. I would like to be able to have th euser once they login to go to the site and not their dashboard. How can I do that?
thanks again
Kathy

Leave a Reply



BasecampHighrise

Comment



 

Design, News - Nov 10, 2009 21:27 - 0 Comments

My Entries in the WordCamp Boston Logo Contest

More In Design


News - Aug 15, 2010 1:46 - 0 Comments

My New Cell Phone – EVO vs. Epic

More In News


How To - Jul 15, 2008 23:59 - 10 Comments

How WordPress 2.6 Broke My Permalink Structure…

More In How To