Comment faire une image en vedette pleine largeur

Question

J'essaie de faire l'image en vedette pleine largeur dans mon thème wordpress. Je le veux de sorte que lorsque vous allez à la page des messages individuels, l'image sélectionnée est pleine largeur en haut. (similaire à (http://www.fashionmumblr.com/2016/12/12-days-vlogmas-giveaways.html) Est-ce que quelqu'un a des suggestions sur la façon dont je pourrais y arriver? Je ne sais même pas par où commencer.Puis-je faire l'image pleine largeur en utilisant add_image_size?

Maintenant j'ai mon bannière-image taille 1500X695 mais je veux faire largeur sur une taille de l'écran

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

Voici mon 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

Pourquoi ne pas spéci fy une grande quantité de pixels et puis le style de l'image dans votre CSS en utilisant des valeurs de pourcentage: HTML

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

CSS

.image img { 
    width:100%; 
}