Wordpress: créer une mosaique/galerie d'images à l'accueil

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Wordpress: créer une mosaique/galerie d'images à l'accueil

Re: Wordpress: créer une mosaique/galerie d'images à l'accueil

par vincentddd » 13 août 2015, 15:46

Merci beaucoup @rthur et Megadeth, c'est exactement ce qu'il me faut ! :-)

Re: Wordpress: créer une mosaique/galerie d'images à l'accueil

par @rthur » 07 août 2015, 10:02

Bonjour,

Cet effet s'appelle en CSS "Masonry", avec ce mot clé tu devrais trouver ton bonheur au niveau des tutos et des lib JS qui proposent ça :
https://www.google.com/search?q=css+masonry

Re: Wordpress: créer une mosaique/galerie d'images à l'accueil

par Megadeth » 07 août 2015, 09:09

Salut,

Il y a des effets particuliers ou c'est "juste" une succession d'images ?

Sinon voici une piste, tu crées une liste "ul" avec une classe ou un nom facilement appelable, tu précises à cette liste d'être en mode "inline" avec des éléments de listes "li" flottant ;)

Mega
;)

Wordpress: créer une mosaique/galerie d'images à l'accueil

par vincentddd » 06 août 2015, 17:46

Bonjour tout le monde,

Je suis en train de créer mon propre thème Wordpress.

Je souhaite que la page d'accueil (index.php) soit une grande mosaïque d'images (images à la une) menant aux articles correspondants.

J'ai réussi à créer toute la structure et l'arborescence du site mais je cale complètement sur la mosaïque.
Pour le moment, le contenu (les images) s'affiche en une colonne verticale, alors que je souhaiterais plutôt quelque-chose comme cela: http://40.media.tumblr.com/43cc9cfee09a ... 1_1280.png

Je me doute bien qu'il s'agit de CSS mais je ne sais pas comment composer avec des objets qui ne sont pas nommés dans mon code. Auriez-vous des solutions, exemples, ou des tutos pour réaliser des mosaïques d'images à la une sous wordpress ?

Merci beaucoup !

Code : Tout sélectionner

<div id="main"> <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?> <div class="post" id="post-<?php the_ID(); ?>"> <h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(vignette); ?></a></h2> </div> </div>