Grid Loop using post class

Written by Bill EricksonPublished on March 15, 2012Updated on December 5, 2018

	<?php

	/**
	* Archive Post Class
	* @since 1.0.0
	*
	* Breaks the posts into three columns
	* @link http://www.billerickson.net/code/grid-loop-using-post-class
	*
	* @param array $classes
	* @return array
	*/
	function be_archive_post_class( $classes ) {
	global $wp_query;
	if( ! $wp_query->is_main_query() )
	return $classes;

	$classes[] = 'one-third';
	if( 0 == $wp_query->current_post % 3 )
	$classes[] = 'first';
	return $classes;
	}
	add_filter( 'post_class', 'be_archive_post_class' );

view raw gistfile1.php hosted with ❤ by GitHub

Bill Erickson is the co-founder and lead developer at CultivateWP, a WordPress agency focusing on high performance sites for web publishers.

I build custom WordPress websites that look great and are easy to manage.