特集画像全幅を作る方法

Question

私は私のワードプレスのテーマで特色の画像を全幅にしようとしています。私はあなたが個々の投稿ページに行くとき、特色にされたイメージが上部で全幅であるようにそれが欲しいです。 （http://www.fashionmumblr.com/2016/12/12-days-vlogmas-giveaways.htmlに似ています）私はこれをどのように達成できるかについての提案はありますか？私はどこで始めるべきかわからないです。具体ないのはなぜサイズ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(); 

?> 

Answer 1

です年度ピクセルの大量、その後パーセント値使用して、あなたのCSSで画像のスタイル： HTML

<div class="image"><?php the_post_thumbnail(array(800, 800)); ?></div> 

CSS

.image img { 
    width:100%; 
}