I am using this function to get the featured images:
<a href="#" rel="prettyPhoto"> <?php the_post_thumbnail('thumbnail'); ?>
</a>Now I want to get the full featured image on click on the anchor tag for which I need a featured image URL in
<a href="here" rel="prettyPhoto">How can I fix this?
22 Answers
Check the code below and let me know if it works for you.
<?php if (has_post_thumbnail( $post->ID ) ): ?> <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?> <div> </div>
<?php endif; ?>If you want JUST the source, and not an array with other information:
<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' ); ?>
<img src="<?php echo $url ?>" />// Try it inside loop.
<?php
$feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
echo $feat_image;
?>Easy way!
<?php wp_get_attachment_url(get_post_thumbnail_id(get_the_ID())) ?>This perfectly worked for me:
<?php echo get_the_post_thumbnail_url($post_id, 'thumbnail'); ?>I think this is the easiest solution and the updated one:
<?php the_post_thumbnail('single-post-thumbnail'); ?>This is the simplest answer:
<?php $img = get_the_post_thumbnail_url($postID, 'post-thumbnail');
?>You can try this:
<?php $feat_image = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); echo $feat_image;
?>Try this one
<?php echo get_the_post_thumbnail($post_id, 'thumbnail', array('class' => 'alignleft'));
?>I had searched a lot and found nothing, until I got this:
<?php echo get_the_post_thumbnail_url( null, 'full' ); ?>
Which simply give you the full image URL without the entire <img> tag.
Hope that can help you.
You can try this.
<?php $image_url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
?>
<a href="<?php echo $image_url; ?>" rel="prettyPhoto">You can also get it from post_meta like this:
echo get_post_meta($post->ID, 'featured_image', true);You can also get the URL for image attachments as follows. It works fine.
if (has_post_thumbnail()) { $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');
}You will try this
<?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID), 'full'); ?> // Here you can manage your image size like medium, thumbnail, or custom size <img src="<?php echo $url ?>"
/><?php if (has_post_thumbnail( $post->ID ) ): $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' );
?> <img src="<?php echo $image[0]; ?>">
<?php endif; ?>If the post is an image and we already know what the image is, it's possible to get the thumbnail URL without too much hassle:
echo pathinfo($image->guid, PATHINFO_DIRNAME);Use:
<?php $image_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail_size'); $feature_image_url = $image_src[0];
?>You can change the thumbnail_size value as per your required size.
You can also get the URL for image attachments as follows:
<?php "<div><a href=".get_permalink(id).">".wp_get_attachment_url(304, array(50,50), 1)."</a></div>";
?>Simply inside the loop write <?php the_post_thumbnail_url(); ?> as shown below:-
$args=array('post_type' => 'your_custom_post_type_slug','order' => 'DESC','posts_per_page'=> -1) ;
$the_qyery= new WP_Query($args);
if ($the_qyery->have_posts()) : while ( $the_qyery->have_posts() ) : $the_qyery->the_post();?>
<div> <div> <article> <div> <a href="<?php the_permalink(); ?>"><img src="<?php the_post_thumbnail_url(); ?>" alt="Post"></a> </div> </article> </div>
</div>
<?php endwhile; endif; ?>You can get image src for specific size by wp_get_attachment_url function.
<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'full' );
?>
<img src="<?php echo $url ?>" />if you want to fetch full image size from post thumbnail you can use this code.
$img_url = wp_get_attachment_image_url(get_post_thumbnail_id(get_the_ID()), 'full');
<img src="<?PHP echo $img_url?> ">here, get_the_ID() is post id.
<img src="<?php echo get_post_meta($post->ID, "mabp_thumbnail_url", true); ?>" alt="<?php the_title(); ?>" width ="100%" height ="" />
