How to get logo url and Logo alt in WordPress?

• Md Shukur Miah
• 9 April, 2021

How to get logo url and Logo alt in WordPress?

Getting Logo url and Logo alt is so simple in WordPress if you know php well.  May be you are learning WordPress Development and don’t know how to get logo url and logo alt in WordPress header php file. If  so, please follow the code given bellow. You will get idea about it. You can modify or add your html template to change design.

Example code of How to get logo Url and Logo alt in WordPress.

<div class="logo">
    <?php if( has_custom_logo() ):  ?>
        <?php
            // Get Custom Logo URL
            $custom_logo_id = get_theme_mod( 'custom_logo' );
            $custom_logo_data = wp_get_attachment_image_src( $custom_logo_id , 'full' );
            $custom_logo_url = $custom_logo_data[0];
        ?>
 
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" 
           title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" 
           rel="home">
 
            <img src="<?php echo esc_url( $custom_logo_url ); ?>" 
                 alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"/>
 
        </a>
    <?php else: ?>
        <div class="site-name"><?php bloginfo( 'name' ); ?></div>
    <?php endif; ?>
</div>

If you are not Expert in WordPress Development then don’t apply this code yourself. Hire someone  who is expert in WordPress Development or Contact with Us