如何修改WooCommerce Storefront主题的Logo链接？

Hey there! I totally get the frustration when code snippets from threads don't work as expected—let's get your custom Logo link sorted out for Storefront. Here are two reliable methods that should do the trick, depending on your theme version and setup:

Method 1: Use Storefront's Dedicated Hook #

Storefront has a built-in filter specifically for modifying the site title (which includes the logo markup). This is the most straightforward approach if you're using a recent version of the theme:

add_filter( 'storefront_site_title', 'custom_storefront_logo_link' );
function custom_storefront_logo_link( $html ) {
    // Replace this with your target URL
    $custom_logo_url = 'https://your-desired-url.com';
    
    // Swap out the default home URL with your custom one
    $html = str_replace( home_url( '/' ), esc_url( $custom_logo_url ), $html );
    
    return $html;
}

Method 2: Use the Universal WordPress Custom Logo Filter #

If the first method doesn't work (maybe due to an older Storefront version or customizations), this more general WordPress filter will target the logo directly:

add_filter( 'get_custom_logo', 'customize_storefront_logo_url' );
function customize_storefront_logo_url( $html ) {
    $custom_logo_url = 'https://your-desired-url.com';
    
    // Replace the href attribute in the logo's anchor tag
    $html = str_replace( 
        'href="' . esc_url( home_url( '/' ) ) . '"', 
        'href="' . esc_url( $custom_logo_url ) . '"', 
        $html 
    );
    
    return $html;
}

How to Apply the Code #

• Child Theme: Add the code to your child theme's functions.php file. Never edit the parent Storefront theme directly—updates will overwrite your changes!
• Code Snippets Plugin: If you don't want to mess with theme files, install the Code Snippets plugin, create a new snippet, paste the code, and activate it.

Troubleshooting Tips #

• Clear Cache: After adding the code, clear your site's cache (and your browser cache) to see the changes. Caching plugins often hold onto old markup.
• Check for Conflicts: Disable other plugins temporarily to rule out conflicts that might be overriding your code.
• Verify URL Format: Make sure your custom URL includes https:// (or http:// if needed) and is correctly formatted. Using esc_url() ensures it's safe and valid.

If neither method works, double-check that your Storefront theme is up to date—sometimes theme updates adjust hook names, but these two methods cover most scenarios.

内容的提问来源于stack exchange，提问作者Leonidas