Business Bloomer
  • About
  • WooCommerce Blog
  • Online Courses
  • Login
  • 0
  • About
  • WooCommerce Blog
  • Online Courses
  • Login
  • 0

WordPress: Custom Logo @ WP Login Page

> Published: May 2021
> Blog Category: WooCommerce Tips
> Blog Tags: Customer Login, WordPress
> Blog Comments: 6 Comments
Tweet

Join 17,000+ WooWeekly subscribers

It’s once again WooCommerce customization time! As in the past 2 episodes (open external product in new tab and show shipping rates @ single product), I’m featuring snippets and code I personally use on my Sicilian marketplace/dropshipping business called A Piece of Sicily.

Today, I’ll quickly show you how to personalize the default WordPress login/logged out page with your custom logo and link as opposed to showing the WordPress logo and the wordpress.org image link, which to be completely honest, shouldn’t be there in the first place!

So, enjoy! You can see the live result here: https://www.apieceofsicily.com/en/login/?loggedout=true

My custom Login page: I’ve added my own logo and also made sure to link to my website and not wordpress.org

PHP / CSS Snippet: Replace WordPress Logo With Custom Logo @ WordPress Login Page

/**
 * @snippet       Replace Logo - WordPress wp-login page
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

add_action( 'login_enqueue_scripts', 'bbloomer_login_logo' );

function bbloomer_login_logo() {
	?>
    <style type="text/css">
        #login h1 a, .login h1 a {
           background-image: url(/wp-content/uploads/2020/03/PNG-RGB-1536x830.png);
           height: 150px;
           width: 250px;
           background-size: contain;
           background-repeat: no-repeat;
           background-color: transparent;
		}
    </style>
	<?php
}

add_filter( 'login_headerurl', 'bbloomer_login_logo_link' );

function bbloomer_login_logo_link( $url ) {
    return home_url( '/' );
}

Related posts:

  1. WooCommerce: Separate Login, Registration, My Account Pages
  2. WooCommerce: Login Redirect by User Role @ My Account
  3. WooCommerce: Login Redirect to Previous URL @ My Account

Where to add this snippet?

You can place PHP snippets at the bottom of your child theme functions.php file (delete "?>" if you have it there). CSS, on the other hand, goes in your child theme style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization?"

Does this snippet (still) work?

Please let me know in the comments if everything worked as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting on PHP 7.3.

If you think this code saved you time & money, feel free to join 14,000+ WooCommerce Weekly subscribers for blog post updates or 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance :)

Need Help with WooCommerce?

Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

Follow @rmelogli
Category: WooCommerce Tips
Tags: Customer Login, WordPress

Post navigation

Previous post: WooCommerce: How to Increase Your Conversions With Pre-Sales Activities
Next post: WooCommerce: Rename “Select Options” Button @ Shop Page

6 thoughts on “WordPress: Custom Logo @ WP Login Page”

  1. salah
    September 22, 2021

    Hey Rodolfo
    Thanks a lot for all the tips you share, it is just awesome!
    One question about the code snippet you shared

    return home_url( '/' );

    How do I make the return to a custom URL instead of Home_url ?

    Thanks in advance

    Reply
    1. Rodolfo Melogli
      September 27, 2021

      You can always specify the URL:

      return 'https://example.com';
      Reply
  2. Edwin Karuga
    August 18, 2021

    Thank Rodolfo, Every time I learn something from you that makes my WooCommerce experience better!

    Reply
    1. Rodolfo Melogli
      August 20, 2021

      Cheers!

      Reply
  3. fabian
    August 8, 2021

    Thank you, works as expected – WordPress 5.8

    Reply
    1. Rodolfo Melogli
      August 20, 2021

      Awesome

      Reply
Questions? Feedback? Support? Leave your Comment Now!
_____

If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)

Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts
  • WooCommerce: Bulk Re-Send All Customer’s Completed Order Emails
  • WooCommerce: Upsells Custom Heading & Subheading @ Single Product Page
  • WooCommerce: Redirect Product Category Pages
  • WooCommerce: Close Button @ WooCommerce Checkout Notices
  • WooCommerce: Related Products Custom Heading & Subheading
About Business Bloomer

With 100,000 (and growing) monthly organic sessions, Business Bloomer is the most consistent, most active and most complete WooCommerce development/customization blog.

Of course this website itself uses the WooCommerce plugin, the Storefront theme and runs on a WooCommerce-friendly hosting.

Join 75,000+ Monthly Readers & 16,500+ Subscribers.

Become a Business Bloomer Supporter.

Join BloomerArmada and become an Official Business Bloomer Supporter:
easy-peasy, and lots of perks for you.
See your Benefits →
Popular Searches: Visual Hook Guides - Checkout Page - Cart Page - Single Product Page - Add to Cart - Emails - Shipping - Prices - Hosting
Latest Articles
  • WooCommerce: Bulk Re-Send All Customer’s Completed Order Emails
  • WooCommerce: Upsells Custom Heading & Subheading @ Single Product Page
  • WooCommerce: Redirect Product Category Pages
  • WooCommerce: Close Button @ WooCommerce Checkout Notices
  • WooCommerce: Related Products Custom Heading & Subheading
Latest Comments
  • Rodolfo Melogli on WooCommerce: How to Bulk Generate Coupons Without a Plugin
  • Rodolfo Melogli on WooCommerce: Change “Return to Shop” URL
  • Rodolfo Melogli on WooCommerce: Move & Customize Upsells @ Single Product
  • Rodolfo Melogli on WooCommerce: Display Custom Product Badge (Conditionally)
Find Out More
  • Become a WooCommerce Expert
  • WooCommerce Blog
  • WooCommerce Online Courses
  • WooCommerce Weekly
  • Bloomer Armada
  • Affiliate Program
  • Contact
Contact Info

Ciao! I’m Rodolfo Melogli, an Italian Civil Engineer who has turned into an international WooCommerce expert. You can contact me here:

Email: [email protected]

Twitter: @rmelogli

Hire me by the hour: Get Quote ยป

VisaMastercardAmexPayPal Acceptance Mark
Business Bloomer © 2011-2023 - Terms of Use - Privacy Policy