
Voilà je me suis lancé depuis quelques temps dans la création d'un thème wordpress.
Je rencontre un petit problème en ce qui concerne la responsive.
Tout se passait bien, j'utilisais @media dans mon code css pour rendre le design responsive, seulement voilà, le problème vient du HTML.
Voilà mon code (parfait pour ordi) :
<article class="blabla">
<div class="image">
<a href="<?php the_permalink();?>"><?php the_post_thumbnail();?></a>
</div>
<div class="categorie"<a href="<?php the_permalink(); ?>"> <?php the_category(); ?></a></div>
<div class="titre"><a href="<?php the_permalink();?>"><?php the_title(); ?></a>
</div>
<div class="extrait"><p> <?php the_excerpt(); ?><a href="<?php the_permalink(); ?>"> Read more... </a>
</div>
</article>
Sur mon ordi c'est l'ordre que je veux : image/catégorie/texte/extrait.
Seulement j'aimerais que sur mon portable ce soit : catégorie/texte/image/extrait.
Ma question est donc, comment faire pour modifier l'ordre lorsque l'utilisateur est sur un portable ?
Est-ce qu'il faut le modifier dans le html ? Dans le CSS ? Comment faire ?


