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.

    19 − seventeen =

    Remove Website field from WordPress comment & Change cookies remember text

    Remove Website field from WordPress comment & Chan ...

    WooCommerce Mostly used Shortcode

    Most use shortcode for popular eCommerce plugin Wo ...

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

    Protected: WP user Login Notification

    This code is Protected. Contact Admin for password

    ACF

    JavaScript

    jQuery

    Others

    PHP

    WooCommerce

    WordPress

    skype

    Need Coding Help?

    Connect Skype
    top