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 ...

Leave a Reply

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

5 + 10 =

skype

Need Coding Help?

Connect Skype

ACF

Elementor

JavaScript

jQuery

Others

PHP

WooCommerce

WordPress

Add Custom element item in wp nav menu

Add Element on last item of wp nav menu ...

WordPress category or taxonomy list

WordPress custom taxonomy term list with function ...

WordPress Next and Previous Post

WordPress Next and Previous Post navigation for cu ...

Remove Website field from WordPress comment & Change cookies remember text

Remove Website field from WordPress comment & Chan ...

wp-config development code

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

top