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 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
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.