javascript - アイキャッチ画像を全幅にする方法

Question

ワードプレスのテーマで注目の画像を全幅にしようとしています。個々の投稿ページに移動したときに、注目の画像が上部に全幅表示されるようにしたい. （（http://www.fashionmumblr.com/2016/12/12-days-vlogmas-giveaways.htmlに似ています）これを達成する方法について誰か提案はありますか? どこから始めればよいかさえわかりません. add_image_size を使用して画像を全幅にすることはできますか?

現在、バナー画像のサイズは 1500X695 ですが、どの画面サイズでも全幅にしたいです

        add_image_size('banner-image', 1500, 695, true);

ここに私のsingle.phpがあります

<?php
get_header();
the_post_thumbnail('banner-image');
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<article class="post">

<?php wpb_set_post_views(get_the_ID()); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
<?php comments_template(); ?>
</article>
<?php endwhile;
else :
echo '<p>No content found</p>';
endif;
get_footer();

?>