Les pages de blog ou pages de catégorie présentent une vue synthétique de chaque article d’une même catégorie sous forme de grille. Chaque article de cette grille est composée de son titre, son image principale, ses méta données, un court extrait et d’un bouton permettant l’accès à l’article dans son intégralité.
Ce guide à pour vocation de vous aider à personnaliser l’apparence de ces pages afin de rendre votre l’apparence de votre blog unique. Vous pouvez contrôler les paramètres suivants.
En-tête
L’en-tête de la page Blog est la zone qui affiche le titre de votre catégorie de blog et le cas échéant la description de cette même catégorie.
OPTION
DESCRIPTION
Arrière plan
La couleur à appliquer à la section
Marges internes
Les marges internes de la section
Retirer la marge supérieure/inférieure
Forcer la suppression de la marge interne supérieure et/ou inférieure
Largeur
Largeur de la grille
Alignement
Alignement horizontale de la grille
Style du titre
Style à appliquer au titre de la catégorie
Décoration du titre
Décoration à appliquer au titre de la catégorie
Largeur du bloc titre
Largeur du bloc Titre
Alignement du bloc titre
Alignement du bloc Titre
Style de la description
Style à appliquer à la description de la catégorie
Largeur du bloc description
Largeur du bloc Description
Alignement du bloc description
Alignement du bloc Description
Grille
OPTION
DESCRIPTION
Largeur
Contrôler la largeur totale de la grille
Activer l’effet Masonry
Supprimer l’espaces vertical entre les articles malgré des hauteurs différentes
Effet de défilement
Appliquer un effet dynamique lorsque les éléments entre dans l’écran lors du défilement de la page
Écart
Régler l’écartement entre les éléments de la grille d’article
Afficher les séparateurs
Séparer les cellules de la grille par des filets verticaux. Dès que la grille s’empile, les lignes de séparation deviennent horizontales.
Colonnes
OPTION
DESCRIPTION
Colonnes
Sélectionner le nombre de colonnes de la grille d’articles
Point d’arrêt
Sélectionner la largeur à partir de laquelle les colonnes s’empilent
Image
Les options de l’image principale de l’article.
OPTION
DESCRIPTION
Position
Sélectionner l’emplacement de l’image par rapport au titre de l’article
Marge au dessus
Contrôler l’espace entre l’image et le titre lorsque l’image est en dessous du titre
Largeur
La largeur de l’image
Hauteur
La hauteur de l’image
Titre
OPTION
DESCRIPTION
Marge au dessus
Contrôler l’espace entre le titre et l’image lorsque le titre est en dessous du l’image
Lien sur le titre
Activer le lien vers la page de l’article sur les titres d’articles
Meta
OPTION
DESCRIPTION
Position
Sélectionner l’emplacement du bloc méta données par rapport au titre de l’article
Marge au dessus
Contrôler l’espace au dessus du bloc méta données
Contenu
OPTION
DESCRIPTION
Marge au dessus
Contrôler l’espace au dessus du contenu de l’article
Lien
Les options du bouton permettant l’accès à l’article dans son intégralité.
OPTION
DESCRIPTION
Texte du lien
Le texte du bouton. Par défaut Lire la suite
Style
Le style du bouton
Taille
La taille du bouton
Point d’arrêt
Contrôler l’espace au dessus du bouton
Alignement
L’alignement horizontal du bouton
Affichage
Cette option permet de forcer le centrage du titre, du bloc méta données et du bouton Lire la suite de chaque article
Vous pouvez modifier les styles de ces différentes options depuis Design > Styles. Pour en savoir plus sur la personnalisation des styles, consultez Styles