如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环?

时间:2017-05-18 作者:The Lee

我想根据4列(桌面视图)、2列(mobile view 768px)和1列(mobile view 425px)的组合显示帖子。我在下面找到了很棒的代码:

<?php
$paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1;
              $args=array(
                     \'post_type\' => \'post\',
                      \'posts_per_page\' => 8,
                  \'paged\' => $paged,
                  \'tax_query\' => array(
                              array(                
                                  \'taxonomy\' => \'post_format\',
                                  \'field\' => \'slug\',
                                  \'terms\' => array(\'post-format-video\'),
                                  \'operator\' => \'IN\')
                                  )
                );

              $my_query = null;
              $my_query = new WP_Query($args); ?>

              <?php if( $my_query->have_posts() ) {

                $i = 0;
                while ($my_query->have_posts()) : $my_query->the_post();
              if($i % 4 == 0) { ?> 

              <div class="row">

              <?php
              }
              ?>

                <?php get_template_part( \'template/loop\', \'video\' ); ?>
                  <?php $i++; 
                  if($i != 0 && $i % 4 == 0) { ?>
                    </div><!--/.row-->
                    <div class="clearfix"></div>

                  <?php
                   } ?>

              <?php endwhile; } wp_reset_query();?>
它可以在桌面视图(4列)上完美运行;(1列425px),但不在移动视图中(2列768px)。有人能帮忙吗?谢谢

Working perfectly on desktop view! :)

Mobile view 768px not working perfectly. Using col-sm-6.

1 个回复
SO网友:Edu Membrillas

我想我可以用css、第n个子选择器或其他方法修复它。如果你有这个页面的链接,我可以查看并告诉你。

结束

相关推荐

如何在loop_end之后将内容插入wp_head

我正在尝试访问帖子上的信息,这样我就可以获得帖子标题和帖子内容,这样我就可以生成相应的OG标签,放在标题中。问题是该信息仅在loop\\u结束后可用。在那个动作发生后,我怎样才能插入头部呢?编辑:下面是正在使用的代码<?php /** * *snip* * standard plugin info * *snip* */ $jobTitle =\"\"; $jobDescription =\"\"; func