How to Get WordPress Post Featured Image URL

Are you a WordPress developer or an advanced WordPress user? Whoever you are, sometimes you may need the direct URL of a featured image of your posts and display it into your posts. Let’s find some easy way to get the WordPress post featured image URL.

How to Display a Featured Image

The easiest way to display the featured images in your custom theme or somewhere else is by adding the following code:

<div style="max-width: 100%"><?php the_post_thumbnail(); ?></div>

In the official documentation of the WordPress function the_post_thumbnail() right here is written as a description “Display the post thumbnail”. This function has as the first parameter size, so you can write the function with the size you need.

Default WordPress and WooCommerce image sizes

<?php

//Default WordPress
the_post_thumbnail( 'thumbnail' );    
the_post_thumbnail( 'medium' );       
the_post_thumbnail( 'medium_large' ); 
the_post_thumbnail( 'large' );         
the_post_thumbnail( 'full' );        
 
//With WooCommerce
the_post_thumbnail( 'shop_thumbnail' ); 
the_post_thumbnail( 'shop_catalog' );   
the_post_thumbnail( 'shop_single' );  

Get WordPress Post Featured Image URL

I suppose that you are using a newer version than WordPress 4.4 (if you not, you are crazy) you can use the built-in WordPress function the_post_thumbnail_url() function to return the URL of the featured post image.

<?php
//Replace 'medium' with another image size
the_post_thumbnail_url( 'medium' );

Proper usage of the function get_the_post_thumbnail_url() inside the loop

if ( have_posts() ) {
    while ( have_posts() ) {

        the_post();

        $featured_img_url = get_the_post_thumbnail_url(get_the_ID(),'full'); 

        echo '<a href="'.esc_url($featured_img_url).'" rel="lightbox">'; 
            the_post_thumbnail('thumbnail');
        echo '</a>';

    }
}

Feel free to write a comment with any questions.

UNLIMITED DOWNLOADS: 50+ Million Website Templates & Design Assets

All the Website Templates you need and many other design elements, are available for a monthly subscription by subscribing to Envato Elements. The subscription costs $16.50 per month and gives you unlimited access to a massive and growing library of over 50 million items that can be downloaded as often as you need (stock photos too)!

Recent Articles

How to Change WordPress Theme If It Does Not Work (No Access to wp-admin) Through phpMyAdmin

Something is wrong. Your WordPress theme has got a blank screen and you can not log in to your admin through /wp-admin/...

How to Bulk Deactivate WordPress Plugins (No Access to WP-Admin) Through phpMyAdmin

Sometimes happens that you don't have any backups of your WordPress site (ups) and after your plugins update nothing works (ups, twice!),...

Landco – Garden & Landscaping WordPress Theme [Free WordPress theme download]

Demo Download Landco – Garden & Landscaping WordPress Theme Landco – Garden & Landscaping...

Optrica – Optometrist & Eye Care WordPress Theme [Free WordPress theme download]

Demo Download Optrica – A Premium WordPress Theme for all kind of optometrist...

Qwery – Multi-Purpose Business WordPress Theme + RTL [Free WordPress theme download]

Demo Download Giant Multi-Purpose Business Elementor WordPress Theme v1.0.4 Qwery is an innovative responsive...

Get in touch

Be our first-class reader, build a community and follow us on social media!

Leave A Reply

Please enter your comment!
Please enter your name here