wordpressimagetwitter-bootstrapwordpress-featured-image

Wordpress featured image size uniform height


I am setting featured images to posts, and displaying a default image if one isn't set. My code is here...

 <?php if ( has_post_thumbnail() ) {
 the_post_thumbnail( 'full', array( 'class' => 'img-responsive' ) );
 } else { ?>
 <img src="default-image.jpg" class="img-responsive" />
 <?php } ?>

Problem is simple. All of the images are different heights. I want them all to be uniform height so my bootstrap grid lines up evenly.

Any thoughts? Lots of examples online but none work with featured image AND default image.


Solution

  • Please Paste below code in your functions.php file

    add_image_size('image_size', 510, '520', true);//510 is width and 520 in height
    

    Now when ever you upload any image in wordpress post it automatically resize into 510*520 (but bee care full image size must be bigger than what ratio you want)

    How to call please check Below

    the_post_thumbnail( 'image_size', array( 'class' => 'img-responsive' ) );// image size is the parameter you pass in functions.php file you can add as many size as you want