<div class="portfolio grid__container">
<?php
// VARIABLE FOR IMG ORIENTATION
$classes = array(
'landscape',
'portrait',
);
// COUNT THE POSTS
$count = 0;
// PAGINATE
$paged = (get_query_var('paged') > 1) ? get_query_var('paged') : 1;
// ARGUMENTS
$args = array(
'post_type' => 'portfolio',
'orderby' => 'rand',
'posts_per_page' => 18,
'paged' => $paged,
);
// CUSTOM LOOP QUERY
$portfolio_loop = new WP_Query($args);
?>
<div class="grid__row">
<?php
// POWER THE LOOP
while ($portfolio_loop->have_posts()):
$portfolio_loop->the_post();
$count++;
$customClass = $classes[$portfolio_loop->current_post%2];
?>
<!-- ROW 1 // 1 TO 3 -->
<?php if (in_array($count, array( 1,2,3 ))) : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--4" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article', $customClass); ?>
</div>
<!-- ROW 2 // LESS THAN OR EQUAL TO 5 -->
<?php elseif ($count <= 5 ) : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--6" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article'); ?>
</div>
<!-- ROW 3 // LESS THAN OR EUQAL TO 7 -->
<?php elseif ($count <= 7 ) : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--6" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article'); ?>
</div>
<!-- ROW 4 // LESS THAN OR EQUAL TO 12 -->
<?php elseif($count <= 10 ) : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--4" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article'); ?>
</div>
<!-- ROW 5 -->
<?php elseif($count <= 12 ) : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--6" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article'); ?>
</div>
<!-- ROW 6 -->
<?php else : ?>
<div class="grid__cell grid__cell__small--12 grid__cell__medium--4" id="counter-<?php echo $count; ?>">
<?php get_template_part('template-parts/portfolio/portfolio', 'article'); ?>
</div>
<?php endif; ?> <!-- END CONDITIONAL STATEMENTS-->
<?php endwhile; ?>
</div> <!-- GRID_ROW -->
<?php wp_reset_postdata(); ?>
<?php
$big = 999999999; // need an unlikely integer
echo paginate_links( array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => max( 1, get_query_var('paged') ),
'total' => $portfolio_loop->max_num_pages
) );
?>
</div>