Thanks all for the help here, I’ve been pulling my hair out trying to figure this out.
I’m close, but I need to get this to display posts from a custom post type —?how would I go about this?
Also, I am seeing some layout issues where the top navi isn’t working right: https://cl.ly/9zXG
and the thumbnail grid does a 3×4 grid, but then just drops the rest in a single column: https://cl.ly/9zDL —?this also seems to be related to the page navigation, as it does not appear on the bottom.
I did tweak the code to get an image-only grid as opposed to all the other post info in the same code:
<?php
/**
* The loop to show posts in columns
*
* loop-stock-illustration-grid.php
* @package WordPress
* @subpackage Twenty Ten
* @since 3.0.0
*/
?>
<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-above" class="navigation">
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
</div><!-- #nav-above -->
<?php endif; ?>
<?php /* If there are no posts to display, such as an empty archive page */ ?>
<?php if ( ! have_posts() ) : ?>
<div id="post-0" class="post error404 not-found">
<h1 class="entry-title"><?php _e( 'Not Found', 'twentyten' ); ?></h1>
<div class="entry-content">
<p><?php _e( 'Apologies, but no results were found for the requested Archive. Perhaps searching will help find a related post.', 'twentyten' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .entry-content -->
</div><!-- #post-0 -->
<?php endif; ?>
<?php /* Start the Loop */ ?>
<?php $num_cols = 4; // set the number of columns here
for ( $i=1 ; $i <= $num_cols; $i++ ) :
echo '<div id="col-' . $i . '" class="col" >';
$counter = $num_cols + 1 - $i; ?>
<?php while (have_posts()) : the_post();
if( $counter%$num_cols == 0 ) :
// begin of core posts output ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<a href="<?php the_permalink(); ?>" title="Cartoon <?php echo get_post_meta( get_the_ID(), 'stock-art-name', true ); ?> clipart"><?php the_post_thumbnail('thumbnail'); ?></a>
<h1 class="page-title"><a href="<?php the_permalink(); ?>" title="Cartoon <?php echo get_post_meta( get_the_ID(), 'stock-art-name', true ); ?> clipart "><?php echo get_post_meta( get_the_ID(), 'stock-art-name', true ); ?></a></h1>
</div><!-- #post-<?php the_ID(); ?> -->
<?php //end of posts output
endif; $counter++;
endwhile;
rewind_posts();
echo '</div>'; //closes the column div
endfor; ?>
<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<div id="nav-below" class="navigation">
<?php if(function_exists('page_navi')) { page_navi(); } else { ?>
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
<?php } ?>
</div><!-- #nav-below -->
<?php endif;
wp_reset_query(); ?>
