Use the coupon code WORDPRESS and save 30% OFF! Buy Now

Tutorials

A series of “How-to” articles that will help you with your day-to-day WordPress tasks.

Customizing the WordPress Login Logo Using the Theme Customizer’s Logo

Posted On
Customizing the WordPress Login Logo Using the Theme Customizer’s Logo WordPress template

When setting up a WordPress website for a client, it’s the little touches that make a difference. One easy change that adds a personal touch is swapping out the standard WordPress logo on the login page for the client’s own logo. By using the logo they’ve already added in the WordPress Customizer, you can give their login page a familiar feel. This guide will help you do just that!

Always back up your theme before making any changes. Directly editing theme files can be risky, and a minor oversight might cause issues with your website’s functionality.

We are going to add the following code snippet in our active theme’s functions.php file.

Accessing the theme’s functions.php file

  • Navigate to your WordPress Dashboard.
  • Go to Appearance > Theme Editor.
  • On the right side, find and click on the functions.php file. This is where you’ll be adding the provided code.
  • Add the following code snippet.
function customizer_login_logo() {
if ( ! has_custom_logo() ) {
return;
}

$custom_logo_id = get_theme_mod('custom_logo');

$logo = wp_get_attachment_image_url($custom_logo_id, 'full');

echo '<style type="text/css">
#login h1 a {
background-image: url(' . esc_url( $logo ) . ');
background-size: contain;
width: auto;
height: 120px;
}
</style>';
}
add_action( 'login_head', 'customizer_login_logo' );

If you don’t see the Theme Editor option under Appearance it means that you are using a Full Site Editing theme. We will cover this scenario in an upcoming tutorial.

And that’s it!

Screenshot WordPress customizer logo used in the WordPress login page

Now every time you change your website’s logo through Appearance > Customize > Site Identity the logo on your WordPress login page will also be updated.

13 Essential wp-config.php tweaks every WordPress user should know

Posted On
13 Essential wp-config.php tweaks every WordPress user should know WordPress template

Inside every WordPress site, there’s a special file that can make a big difference: the wp-config.php file. Many people know the basics of this file, but there’s a lot more to it. In this guide, we’ll share some simple and useful tricks that can help your site work better and more safely. If you’re curious about getting the most out of WordPress, keep reading!

Read More

How to Create a Video Popup in WordPress

Posted On
How to Create a Video Popup in WordPress WordPress template

Are you looking for a way to make your website more engaging? Video popups are a popular feature among website owners that can help increase user engagement.

If you have a WordPress site, adding a video popup is a simple process that can make a big impact. Whether you want to highlight a specific video, promote your channel, or share your latest content, a video popup is an effective way to do so.

In this article, we will walk you through the step-by-step process of adding a video popup to your WordPress site. Whether you’re a beginner or an experienced user, our guide will help you create a professional and captivating video popup that will keep your audience engaged.

Read More

Hide other shipping methods if free shipping is available

Posted On
Hide other shipping methods if free shipping is available WordPress template

Free shipping is a great bonus for any online shopper and greatly helps the customer commit with their purchase. WooCommerce offers free shipping as its available shipping options, but it will continue to display all available shipping methods available to the client regardless if they qualify for free shipping. Since it is highly unlikely that a customer will opt to pay for shipping when they can have it for free, we’ll go ahead and check out a way to hide other shipping methods when a customer qualifies for free shipping.

Read More

Show up-sells on the order thank you page

Posted On
Show up-sells on the order thank you page WordPress template

Up-sell products are displayed in the single product view to attract the customer’s attention towards products that might pair well with the one they are currently looking at. However many clients tend to gloss over that section. In an effort to increase the exposure of our customers to up-sell products we will be displaying them on the order thank you page as well.

Read More

Streamline your WooCommerce checkout page

Last Updated On
Streamline your WooCommerce checkout page WordPress template

In today’s article we’re going to make some minor customizations to the checkout page in order to make it more friendly to both our customers and ourselves by eliminating extraneous information from the checkout process.

Read More

Prevent the checkout process if the customer has pending payments

Posted On
Prevent the checkout process if the customer has pending payments WordPress template

Sometimes customers might leave some orders unpaid, perhaps from their card being declined, payment processing errors and many other reasons. You have the ability as a WooCommerce based store owner to prevent them from placing additional orders until they settle their outstanding ones. This can prevent your order queue from being cluttered and minimize illegitimate orders.

Read More

Change the price display on variable products

Last Updated On
Change the price display on variable products WordPress template

The price display on WooCommerce variable products is by default a range of prices, from the price of the lowest variation to the highest one. In some cases it might be beneficial to the store to not display the higher end of the range because that might deter some customers from visiting the product page. To negate such a possibility we’re going to change the way the price is displayed on variable products.

Read More

Add a buy now button to your WooCommerce products

Posted On
Add a buy now button to your WooCommerce products WordPress template

If your WooCommerce powered online store sells products that are often bought individually you might consider adding a buy now button which will add the single product to the cart and redirects the customer to the checkout page without them ever having to see the cart page, making their shopping experience more streamlined. In this small guide we’re going to take a look at how we can build such a button.

Read More

Get access to all WordPress themes & plugins

24/7 Support Included. Join 115,000+ satisfied customers.

Pricing & Sign Up

30-day money-back guarantee. Not satisfied? Your money back, no questions asked.

Back to top