将侧栏添加到模板会创建侧栏大小的水平间隙

时间:2018-10-25 作者:LBos11

我一直在拼命想自己弄清楚这件事。我一辈子都搞不清楚是什么导致了我的问题。

我为推荐页面创建了一个模板,并使用自定义帖子类型来填充内容。一切看起来都很好,直到我添加了边栏,然后它在第一次推荐和第二次推荐之间创建了一个很大的边栏长度差距。然后,它们开始格式化,并在每个文件之间显示正确的空间量。

我可以让它在HTML中看起来很好和正确,但是一旦我把它放到wordpress中,它就不想正确格式化。有什么想法可以解释这是什么原因吗?提前谢谢大家!

屏幕截图:第一个是“工作”的html页面,第二个是有间隙的wordpress页面。

screenshot of html

screenshot of wordpress

get_header();
 ?>
 <?php $loop = new WP_Query ( array ( \'post_type\' => \'testimonials\', \'orderby\' => \'post_id\', \'order\' => \'ASC\') ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post() ?>
    <section>
      <div class="container">
        <div class="row">
          <div class="col-12 col-md-8">
            <!-- Testimony -->
            <div class="row testimonials">
              <div class="col-10">
                <h5>
                  <?php the_content(); ?>
                  <cite>&mdash; <?php the_title();?></cite>
                </h5>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <?php get_sidebar(); ?>
          </div> <!-- col -->
        </div> <!-- row-->
      </div> <!-- container -->
    </section>
 <?php endwhile;wp_reset_query(); ?>
 <?php get_footer();

2 个回复
最合适的回答,由SO网友:Rick Hellewell 整理而成

我猜get_sidebar() 循环内部导致问题。它应该在循环之外。

按照现在的方式,显示一个帖子,然后调用get_sidebar() 代码,该代码显示侧栏内容,然后循环继续下一篇文章。

移动get_sidebar() 循环外部。

SO网友:LBos11

这就是我修改的代码,让它像我想要的那样工作:)非常感谢Rick!

get_header();
 ?>

 <div class="container">
        <div class="row">
            <main class="col-md-8">

        <?php $loop = new WP_Query ( array ( \'post_type\' => \'testimonials\', \'orderby\' => \'post_id\', \'order\' => \'ASC\') ); ?>

           <?php while ( $loop->have_posts() ) : $loop->the_post() ?>
            <div class="testimonials">
             <h5>
               <?php the_content(); ?>
               <cite>&mdash; <?php the_title();?></cite>
             </h5>
             </div>
             <?php endwhile;wp_reset_query(); ?>

            </main>

            <!-- SIDEBAR
            ================================================== -->
            <aside class="col-md-4">
                <?php get_sidebar(); ?>
            </aside>
        </div><!-- #primary -->
    </div><!-- .container -->

 <?php get_footer(); ?>

结束

相关推荐

“Sidebar”模板中包含评论计数的最近帖子

我试过这个代码,但它完全破坏了我的网站。我想这是因为我在侧栏模板中WP\\u查询的神圣帖子上下文中做错了什么。请一些WP专家更正此代码好吗?<?php $args = array( \'orderby\' => \'date\' ,\'order\' => \'DESC\' ,\'showposts\'=>6 ); $my_query = new WP_Query($args);