在Bootstrap Row Class中包装每2个WordPress帖子

Question

问

在Bootstrap Row Class中包装每2个WordPress帖子

唐僧发布于 2023-01-30 01:16

我需要知道如何在.row类中自动添加x个WordPress帖子,因为我在Bootsrap上工作.

这是我的Posts循环代码.

                

                    

                     role="article">

                        

                            
                            %2$s by %3$s & filed under %4$s.', 'bonestheme' ), get_the_time('Y-m-j'), get_the_time(get_option('date_format')), bones_get_the_author_posts_link(), get_the_category_list(', '));
                            ?>

                        

                        
                            
                        

                        
                            ' . __( 'Tags:', 'bonestheme' ) . ' ', ', ', '' ); ?>

小智.. 13

过去,我在PHP中创建了一个计数器,并在循环结束前将其放置.每次循环运行时,计数器的值将增加1.这意味着您可以编写一段代码,如果计数器等于某个数字(或者更明显地,在一定数量的博客帖子之后),则执行某个操作.

试试这个:

      
          
                

                  

                  


                  
                ';
                }
                endwhile; endif; ?>

在这种情况下,你说如果计数器可以被2整除(如果你的帖子有一个col-md-6类就是你需要的那个),在一个结束div标签中回显,然后打开一个新行.

1 个回答

过去,我在PHP中创建了一个计数器,并在循环结束前将其放置.每次循环运行时,计数器的值将增加1.这意味着您可以编写一段代码,如果计数器等于某个数字(或者更明显地,在一定数量的博客帖子之后),则执行某个操作.

试试这个:

      <div id="main" class="container" role="main">
          <div class="row">
                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                  <article class="col-md-6" id="post-<?php the_ID(); ?>" role="article">

                  <!-- loop content -->


                  </article>
                <?php $counter++;
                  if ($counter % 2 == 0) {
                  echo '</div><div class="row">';
                }
                endwhile; endif; ?>
          </div><!-- /row -->
    </div><!-- /container -->

在这种情况下,你说如果计数器可以被2整除(如果你的帖子有一个col-md-6类就是你需要的那个),在一个结束div标签中回显,然后打开一个新行.

2023-01-30 02:15 回答

辽河儿女

撰写答案