WP Post Query with variable item column size

Post loop
<?php

$args = array(
    'posts_per_page' => 10,
    'post_type' => 'post',
);

$query = new WP_Query( $args );

?>

<?php if( $query->have_posts() ) : ?>
<div class='post_wrapper row'>
    <?php $count = 1;?>
    <?php while ( $query->have_posts() ) : $query->the_post(); ?>
    <?php 
        
        if($count===1){
            $col_class ='col-12';
         }else{
            $col_class ='col-6';
         }?>

    <div class="<?php echo $col_class?>">
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
    </div>

    <?php $count++;?>
    <?php endwhile; ?>
</div>
<?php endif; ?>

<?php wp_reset_query(); ?>
Previous Code

File manager for any website

You can install a File manager for any website you ...

Next Code

HTML img tag to HTML SVG tag [WordPress]

Image to SVG for WordPress. Generate svg code from ...

0 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

one × 3 =

WordPress Ajax Search without plugin [ Easy ]

WordPress Ajax Search without plugin. Fully custom ...

WordPress category or taxonomy list

WordPress custom taxonomy term list with function ...

Most View or Popular Post on WordPress

WordPress Post query by user views without plugin ...

WooCommerce Mostly used Shortcode

Most use shortcode for popular eCommerce plugin Wo ...

wp-config development code

WordPress post revisions, debug, load-scripts.php ...

ACF

JavaScript

jQuery

Others

PHP

WooCommerce

WordPress

skype

Need Coding Help?

Connect Skype
top