add 4th image different size to query; LinkedIn post http://lnkd.in/dbxp28Z

add-4th-image-different-size-to-query.php

<?php
/**
 * add 4th image different size to query; LinkedIn post http://lnkd.in/dbxp28Z
 *
 */

/* Cleaner to write arguments separately; 'order_by' => 'date' is not necessary as that is the default */
$args = array(
	'post_type' => 'post',
	'category_name' => 'uitgelicht',
	'posts_per_page' => 4
);

$q_featured = new WP_Query( $args ); 

$counter = 0; 

while ( $q_featured->have_posts() ) {
	
	$q_featured->the_post(); 

	echo '<div class="blocks">';
	
	if ( $counter == 3 ) {  // i.e. the 4th iteration ?>

		<a rel="featured-home" href="<?php the_permalink(); ?>?popup=1" title="<?php the_title(); ?>">

			<?php
			/**
			 * In your functions.php you will need to add a new image size
			 * with the same name as below which you can size as you wish
			 */
			get_the_post_thumbnail( $post->ID, 'front-page-double-size' ) ?>

		</a> 
	
	<?php } else { ?>

		<a rel="featured-home" href="<?php the_permalink(); ?>?popup=1" title="<?php the_title(); ?>">

			<?php get_the_post_thumbnail( $post->ID, 'front-page-small' )?>

		</a> 

	<?php }
	$counter++;

	echo '</div>'; // end .blocks

} //endwhile

wp_reset_postdata();