Loop in Related Posts Wordpress

I use this script to display related posts:

<!-- Related Posts START-->
<?php 
    $query = get_max_related_posts();
    if ( $query ) {
?>
<div class="td_block_wrap td_block_7 td_block_widget td_uid_3_5de39f94df644_rand td-pb-border-top td_block_template_1">
    <h4 class="block-title">
        <span class="td-pulldown-size">Berita Terkait</span>
    </h4>
    <div class="td_block_inner">
        <div class="td-block-row">
            <?php while ( $query->have_posts() ) { $query->the_post(); ?>
            <div class="td-block-span6">
                <div class="td_module_6 td_module_wrap td-animation-stack">
                    <div class="td-module-thumb">
                        <a href="<?php the_permalink(); ?>" rel="bookmark" class="td-image-wrap" title="<?php the_title(); ?>">
                            <?php the_post_thumbnail(array(100,75) ); ?>
                        </a>
                    </div>
                    <div class="item-details">
                        <h3 class="entry-title td-module-title">
                            <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>" ><?php the_title(); ?></a>
                        </h3>
                    </div>
                </div>
            </div>
            <?php } wp_reset_postdata();  ?>
        </div>
    </div>
</div>
<?php } ?>
<!-- Related Posts END -->

The script displays html like this:

<div class="td_block_inner">
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
</div>

How do I get my related posts script to display html like this:

<div class="td_block_inner">
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
</div>

I use this script to display related posts:

<!-- Related Posts START-->
<?php 
    $query = get_max_related_posts();
    if ( $query ) {
?>
<div class="td_block_wrap td_block_7 td_block_widget td_uid_3_5de39f94df644_rand td-pb-border-top td_block_template_1">
    <h4 class="block-title">
        <span class="td-pulldown-size">Berita Terkait</span>
    </h4>
    <div class="td_block_inner">
        <div class="td-block-row">
            <?php while ( $query->have_posts() ) { $query->the_post(); ?>
            <div class="td-block-span6">
                <div class="td_module_6 td_module_wrap td-animation-stack">
                    <div class="td-module-thumb">
                        <a href="<?php the_permalink(); ?>" rel="bookmark" class="td-image-wrap" title="<?php the_title(); ?>">
                            <?php the_post_thumbnail(array(100,75) ); ?>
                        </a>
                    </div>
                    <div class="item-details">
                        <h3 class="entry-title td-module-title">
                            <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>" ><?php the_title(); ?></a>
                        </h3>
                    </div>
                </div>
            </div>
            <?php } wp_reset_postdata();  ?>
        </div>
    </div>
</div>
<?php } ?>
<!-- Related Posts END -->

The script displays html like this:

<div class="td_block_inner">
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
</div>

How do I get my related posts script to display html like this:

<div class="td_block_inner">
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
  <div class="td-block-row">
    <div class="td-block-span6">...</div>
    <div class="td-block-span6">...</div>
  </div>
</div>

Share Improve this question asked Dec 3, 2019 at 5:40 R.M. Reza 1417 bronze badges

Add a comment |

1 Answer 1

Sorted by: Reset to default 0

Rewrite your code like this condition. This will display the code as you expected.

    <!-- Related Posts START-->
<?php 
    $query = get_max_related_posts();
    if ( $query ) {
    $i=1;
?>
<div class="td_block_wrap td_block_7 td_block_widget td_uid_3_5de39f94df644_rand td-pb-border-top td_block_template_1">
    <h4 class="block-title">
        <span class="td-pulldown-size">Berita Terkait</span>
    </h4>
    <div class="td_block_inner">
        <?php while ( $query->have_posts() ) { $query->the_post(); 
            if($i%2!=0){?>
                <div class="td-block-row"><?php
            }?>
            <div class="td-block-span6">
                <div class="td_module_6 td_module_wrap td-animation-stack">
                    <div class="td-module-thumb">
                        <a href="<?php the_permalink(); ?>" rel="bookmark" class="td-image-wrap" title="<?php the_title(); ?>">
                            <?php the_post_thumbnail(array(100,75) ); ?>
                        </a>
                    </div>
                    <div class="item-details">
                        <h3 class="entry-title td-module-title">
                            <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>" ><?php the_title(); ?></a>
                        </h3>
                    </div>
                </div>
            </div><?php
            if($i%2==0){ ?>
                </div><?php
            }
            $i++;
        } wp_reset_postdata();  ?>
    </div>
</div>
<?php } ?>
<!-- Related Posts END -->

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

Loop in Related Posts Wordpress

1 Answer 1

与本文相关的文章

评论列表(0)