如何使文章缩略图在边栏和内容上方全宽？
我正在使用一个主题引导，并有一个名为single thumbnail的模板。php。在这篇文章中，我需要缩略图是全宽的，其余的内容和侧边栏都在它下面。
我有以下代码来显示相关内容：
<?php get_header(); ?> //Loads the header in which there is a container and a row divs
<div class="main-content col-md-8" role="main">
<?php while (have_posts()) : the_post(); ?>
<?php get_template_part( \'content\', get_post_format() ); ?>
<?php endwhile; ?>
</div>
<?php get_sidebar(); ?> // calls the sidebar which is inside a class col-md-4 div
只是想知道如何调整此代码以使缩略图出现在内容中。php在下面的代码中是全宽的，位于内容和侧栏之上。
所容纳之物php代码：
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php if ( is_single() ) : ?>
<h1><?php the_title(); ?></h1>
<?php else: ?>
<h1><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<?php endif; ?>
<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
<figure class="entry-thumbnail">
<?php the_post_thumbnail( \'post-medium\' ); ?>
</figure>
<?php endif; ?>
最合适的回答,由SO网友:mread1208 整理而成
最简单的方法是删除内容。php文件，并将所有内容移动到您的单个缩略图中。php，这样就不会弄乱任何其他使用内容的页面。php。然后我只需将col-md-8外部的\\u post\\u缩略图（）移动到全宽col-md-12中。
single-thumbnail-featured.php
//Loads the header in which there is a container and a row divs
<?php get_header(); ?>
<div class="col-md-12">
<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
<figure class="entry-thumbnail">
<?php the_post_thumbnail( \'post-medium\' ); ?>
</figure>
<?php endif; ?>
</div>
<div class="main-content col-md-8" role="main">
<?php while (have_posts()) : the_post(); ?>
<?php /* Copy everything EXCEPT the_post_thumbnail() stuff from content.php here */ ?>
<?php endwhile; ?>
</div>
// calls the sidebar which is inside a class col-md-4 div
<?php get_sidebar(); ?>
