35 mises en page de blog

• Par défaut
• Chronologie
• Mosaïque
• Grille
• Small Thumbs
• Séparation des éléments
• Éditorial
• Article unique

Par défaut 4

L'archive classique : un article sous un autre, chacun avec son image au-dessus du titre. C'est le bloc Blog Loop avec sa mise en page réglée sur Standard, et les versions ne diffèrent que par l'emplacement de la barre latérale, lorsqu'il y en a une.

• Barre latérale droite (s’ouvre dans un nouvel onglet)
• Barre latérale gauche (s’ouvre dans un nouvel onglet)
• Deux barres latérales (s’ouvre dans un nouvel onglet)
• Pleine largeur (s’ouvre dans un nouvel onglet)

Chronologie 3

Les articles s'accrochent à une ligne verticale le long de la page, repérés par leur date. Blog Loop propose deux dispositions de frise. Timeline (Grille) répartit les articles de part et d'autre de la ligne sur toute la largeur de la page, tandis que Timeline (Liste) les place dans une seule colonne, c'est celle utilisée par les versions avec barre latérale.

• Barre latérale droite (s’ouvre dans un nouvel onglet)
• Barre latérale gauche (s’ouvre dans un nouvel onglet)
• Pleine largeur (s’ouvre dans un nouvel onglet)

Masonry 4

Les cartes conservent leur hauteur naturelle et se répartissent en colonnes, si bien qu'un article court ne laisse jamais de vide à côté d'un long. Il s'agit de la disposition Masonry de Blog Loop, de deux colonnes jusqu'à la pleine largeur de l'écran.

• 4 colonnes (s’ouvre dans un nouvel onglet)
• 3 colonnes (s’ouvre dans un nouvel onglet)
• 2 colonnes (s’ouvre dans un nouvel onglet)
• 100 % de largeur (s’ouvre dans un nouvel onglet)

Grille 3

Cartes de même hauteur alignées en rangées soignées, définies par la mise en page Grille. Choisissez-la lorsque chaque article comporte une image mise en avant marquante, car c'est l'image qui aligne chaque rangée.

• 4 colonnes (s’ouvre dans un nouvel onglet)
• 3 colonnes (s’ouvre dans un nouvel onglet)
• 2 colonnes (s’ouvre dans un nouvel onglet)

Petites vignettes 5

Une petite image à côté du titre et de l'extrait, pour que davantage d'articles tiennent sur un seul écran. La mise en page Small de Blog Loop affiche toutes ces images ; les variantes déplacent la barre latérale ou la suppriment, et la variante alternative modifie le rythme de la liste.

• Barre latérale gauche (s’ouvre dans un nouvel onglet)
• Barre latérale droite (s’ouvre dans un nouvel onglet)
• Deux barres latérales (s’ouvre dans un nouvel onglet)
• Pleine largeur (s’ouvre dans un nouvel onglet)
• Disposition alternée (s’ouvre dans un nouvel onglet)

Découpage d'éléments 2

Deux façons de découper une longue archive, toutes deux à choisir dans le panneau Pagination de Blog Loop : des pages numérotées, ou un défilement infini qui charge la page suivante lorsque le lecteur atteint la fin. Ce même panneau propose aussi une navigation vers les pages plus anciennes et plus récentes, un bouton « Afficher plus » et un chargement par lots.

• Pagination (s’ouvre dans un nouvel onglet)
• Défilement infini (s’ouvre dans un nouvel onglet)

Éditorial 6

Pages d'accueil pour une publication. Chacune combine plusieurs blocs Blog Loop, avec Post Image, Post Terms et Post Title placés à l'intérieur, si bien qu'un article à la une, une rangée de cartes et une liste de titres se partagent une même page. Charger plus affiche les articles quelques-uns à la fois et ne demande au serveur d'en charger davantage que lorsque ceux-ci sont épuisés.

• Magazine (s’ouvre dans un nouvel onglet)
• Flux mixte (s’ouvre dans un nouvel onglet)
• Cartes en superposition (s’ouvre dans un nouvel onglet)
• Écran divisé (s’ouvre dans un nouvel onglet)
• Afficher plus (s’ouvre dans un nouvel onglet)
• Avec filtre (s’ouvre dans un nouvel onglet)

Article unique 8

Un article tire sa mise en page d'un modèle, choisi dans le réglage Modèle pendant sa modification. Outre l'article standard avec barre latérale, le thème propose des variantes à petite image et à média scindé, un article pleine largeur, et trois mises en page éditoriales : l'une avec une barre de progression de lecture, une autre ouvrant sur un héros immersif, et une dernière sous un titre de page.

• Mise en page par défaut (s’ouvre dans un nouvel onglet)
• Barre latérale gauche (s’ouvre dans un nouvel onglet)
• Pleine largeur (s’ouvre dans un nouvel onglet)
• Petite image (s’ouvre dans un nouvel onglet)
• Mise en page divisée (s’ouvre dans un nouvel onglet)
• Éditorial (s’ouvre dans un nouvel onglet)
• Éditorial immersif (s’ouvre dans un nouvel onglet)
• Éditorial avec titre (s’ouvre dans un nouvel onglet)

Chaque lien ouvre une vraie page de la vitrine en ligne, réalisée avec le même thème et les mêmes blocs que ceux que vous installez.