WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
  • Deals
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Showcase» Best of Best WordPress Custom Login Page Designs

Best of Best WordPress Custom Login Page Designs

Last updated on June 21st, 2012 by Editorial Staff
102 Shares
Share
Tweet
Share
Special WordPress Hosting offer for WPBeginner Readers
Best of Best WordPress Custom Login Page Designs

There are so many things that you can customize in WordPress, but one of the things that does not get a lot of attention is custom login page designs. WordPress is being used as a membership site, or site where user registration is allowed. In those cases it is wise for businesses to brand the login page with their logo and other aspects to give it a unique touch that it deserves. In this article we will be showing you how you can create a custom login page design in WordPress as well as showcasing some of the best WordPress login page designs.

How to Create a Custom Login Page in WordPress

Download and install the plugin called Custom Admin Branding.

Browse the following directory to download Admin panel PSD template to guide you while designing :

/wp-content/plugins/custom-admin-branding/psd_image_templates/

Then upload your images in this folder or simply replace the current ones. Remember to make your header and footer images in the .png format while your other login images should be in .jpg format:

/wp-content/plugins/custom-admin-branding/images/

Once uploaded you are done.

Another plugin that does the same job is called BM Custom Login

For those users who are looking to avoid using the plugin then try this method shared by Michael from Problogdesign which is also a great substitute.

Showcase

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

Custom WordPress Login Page

We used BM Custom Login Group on Flickr as our source. If you create a custom login page using this method, then make sure that you upload your screenshot in that group.

102 Shares
Share
Tweet
Share
Popular on WPBeginner Right Now!
  • Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Why Build Your Email List Today

    Revealed: Why Building Your Email List is so Important Today!

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

The Ultimate WordPress Toolkit

41 Comments

Leave a Reply
  1. Clipping Path says:
    Mar 2, 2013 at 5:12 am

    By your tutorial it is easy for me now to create a custom login page in WordPress. Thanks

    Reply
  2. Jamie says:
    Feb 27, 2013 at 11:45 am

    Can i ask anyone here…

    I would like to customize my log in, by adding an extra field.

    People who wanted to join my site have to answer a simple question.
    does anyone know how to do this (plugins better that coding for me) ?

    I know custom menu 7 has a ‘quizz’ field, can you add this to the log in ?

    Jamie

    Reply
    • Editorial Staff says:
      Feb 27, 2013 at 5:35 pm

      Gravity Forms can do that. We are using it to create the custom form that we have on http://videos.wpbeginner.com/

      Use the gravity forms coupon here: http://www.wpbeginner.com/deals/gravity-forms-coupons/

      Reply
  3. rvoodoo says:
    Oct 14, 2011 at 10:45 am

    I finally got around to making a custom login. Decded to go the nonplugin route. Pretty simple actually. http://vudu.me/2p0 for anyone looking to see how to do it. I use some code to swap a custom stylesheet instead of WPs loading. Then I’m free to design away.

    Reply
  4. jakerocheleau says:
    Sep 25, 2011 at 10:14 am

    Hey we just put up our new WP login page at Destiny Islands. It took some Photoshop work to get a logo going but it looks sweet! Check it out on our login URL http://www.destinyislands.com/wp-login.php

    Reply
  5. Justin Germino says:
    Nov 4, 2010 at 2:54 pm

    Some amazing custom logins, I only did some basic updated ones on some of my blogs with the “Custom Login” WordPress plugin.

    Reply
  6. Rob Bertholf says:
    Sep 15, 2010 at 12:46 am

    Great post!

    Check out the CSS on this custom WordPress Login:
    http://e.mp/wp-login.php

    Reply
  7. Ret says:
    Aug 20, 2010 at 2:53 am

    Wow. I am so thankful to find your article. I got an idea how to customized my WordPress login page. Thank your

    Reply
  8. Piyush Shekhar says:
    Aug 18, 2010 at 6:21 am

    Nice plugin this!

    Reply
  9. Tom says:
    Mar 31, 2010 at 8:41 am

    Doesn’t work with the new WordPress update. Too bad.

    Reply
    • Andreas says:
      Apr 14, 2010 at 6:06 am

      There’s a really neat plugin over at http://kerrywebster.com/my-current-plugins/branded-login-screen/ that is compatible with WP 2.9!

      Reply
  10. sarah says:
    Feb 22, 2010 at 8:46 am

    Nice collection.
    You’have inspired me for this custom login page, do you enjoy this? :)

    http://www.yourinspirationweb.com/en/wp-admin/

    Reply
  11. zplits says:
    Feb 10, 2010 at 8:04 pm

    Care to include my login page too?

    Reply
  12. aronil says:
    Jan 27, 2010 at 11:17 pm

    Oh thank you so much for featuring my custom login page :) I really appreciate it.

    Reply
  13. AJ Clarke says:
    Dec 24, 2009 at 7:42 pm

    There are some really nice examples here. I have a cool login page design as well. If you wish to look at it, you can find it at the link below:

    http://www.wpexplorer.com/wp-login.php

    Reply
  14. Rick says:
    Dec 24, 2009 at 5:23 am

    Great, easy-to-follow advice, and some brilliant examples. Thanks very much!

    Reply
  15. Angelo Beltran says:
    Nov 22, 2009 at 9:50 am

    I enjoyed this post. Thanks!

    Reply
  16. Twas Anon says:
    Nov 8, 2009 at 10:59 pm

    This is a nice collection! Anassin.com has a nice custom login page.

    http://www.anassin.com

    Reply
  17. steppinout says:
    Oct 30, 2009 at 7:57 am

    Thinking of creating one soon. Thanks for the idea

    Reply
  18. ali says:
    Oct 29, 2009 at 9:32 pm

    very good list, l like it

    Reply
  19. Delighted says:
    Oct 28, 2009 at 10:12 pm

    Great Post, Was wondering how to create a custom login for clients in wordpress… thanks!!!!!!

    Reply
  20. lawrence77 says:
    Oct 28, 2009 at 1:58 pm

    Amazing post…

    Reply
  21. Jason says:
    Oct 28, 2009 at 7:37 am

    Nice collection, I used the bm custom login for mine. Nothin special but here it is: Flickr

    Reply
  22. Sandy says:
    Oct 28, 2009 at 1:54 am

    Hi,

    cool designs here. It will bring some color if these custom login page. At the moments its too simple.

    Reply
  23. clippingimages says:
    Oct 27, 2009 at 5:25 pm

    Some awesome login page. Nice designed. Thanks for sharing this nice post. :)

    Reply
  24. Ronblogger says:
    Oct 27, 2009 at 2:34 pm

    Wow! awesome designs there.I will surely try it on my own login page

    Reply
  25. Jen says:
    Oct 27, 2009 at 12:37 pm

    Thanks for including the login I designed for http://thenewreview.net! :)

    And to answer the question above – if the site is a multi-author blog, it helps to promote brand consistency. For example, if you have authors who aren’t web savvy, they don’t have to be confused by the big “WordPress” logo on the sign in screen. Just my opinion, though it’s been effective so far. :)

    Reply
  26. Zohaib says:
    Oct 27, 2009 at 6:59 am

    I’ll try it. Thanks for share

    Reply
  27. abosami says:
    Oct 27, 2009 at 2:35 am

    good idea

    thanks ^_^

    Reply
  28. The Frosty says:
    Oct 26, 2009 at 10:50 pm

    I’ve got a custom login plugin as well! Custom Login

    Reply
    • Editorial Staff says:
      Oct 27, 2009 at 2:42 am

      Nice one.

      Reply
  29. Peach says:
    Oct 26, 2009 at 10:24 pm

    Wow, that is awesome.

    Reply
  30. joyoge bookmark says:
    Oct 26, 2009 at 9:18 pm

    really nice login page designs of wp. thanks for share..

    Reply
  31. Kate Mag says:
    Oct 26, 2009 at 9:00 pm

    Awesome article!

    Reply
  32. Tom - StandOutBlogger.com says:
    Oct 26, 2009 at 7:39 pm

    They are extremely creative, however I am struggling to find a reason for having a custom wordpress login if you are the only one who sees it.

    Reply
    • Editorial Staff says:
      Oct 26, 2009 at 10:11 pm

      It is very useful if you have a site that involves more than one user. For example if you have registered user option available. And if you had this option, you would’ve gotten a backlink from our site :)

      Reply
      • Tom - StandOutBlogger.com says:
        Oct 27, 2009 at 8:59 am

        Good point. I forgot that a lot of blogs allow visitors to log in and post.

        Reply
      • Chad says:
        Oct 27, 2009 at 1:04 pm

        Well… flickr would get a backlink. :)

        Reply
      • aronil says:
        Jan 27, 2010 at 11:21 pm

        i know i should really be having a reason for wanting a login page. When i made mine, i really just wanted one cause i thought it looked cool to get the site more personalised :) Thinking about it now, u have one for the sake of branding purposes for your presence online. That’s my two cents :)

        Reply
  33. shane says:
    Oct 26, 2009 at 7:35 pm

    why though, you see the silly thing for 2 secs

    Reply
  34. Rony John says:
    Oct 26, 2009 at 6:52 pm

    Whoa..I love the collections..:D
    good job .guys

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 600,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
OptinMonster
OptinMonster
Convert website visitors into email subscribers. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 25 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2018 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2018)
    • Which is the Best WordPress Slider? Performance + Quality Compared
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • 5 Best VPN Services for WordPress Users (Compared)
    • HostGator Review - An Honest Look at Speed & Uptime (2018)
    • SiteGround Reviews from 1032 Users & Our Experts (2018)
    • Bluehost Review from Real Users + Performance Stats (2018)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Start a Podcast with WordPress (Step by Step)
    • How to Choose the Best Domain Name (8 Tips and Tools)
    • How to Setup a Professional Email Address with Google Apps and Gmail
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2018 – Step by Step Guide
Deals & Coupons (view all)
CSSIgniter
CSSIgniter Coupon
Get 30% off on the entire CSSIgniter Themes collection.
HostGator
HostGator Coupon
Get 60% OFF HostGator (the same company that WPBeginner uses).
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • List25
  • Awesome Motive
  •  

Copyright © 2009 - 2018 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

WordPress hosting by HostGator | WordPress CDN by MaxCDN | WordPress Security by Sucuri.