Personnaliser les pages Blog dans la version 7.1

Personnalisez les pages Blog de votre site grâce à la mise en forme et à la disposition.

Dernière mise à jour le 18 juillet 2024

Les pages Blog sont des pages de destination qui dirigent les visiteurs vers des billets de blog individuels. Vous pouvez personnaliser les pages Blog en fonction de votre marque et de votre style. Utilisez ce guide pour trouver les options de style pour les pages Blog et leurs billets individuels. Pour créer une page Blog et ajouter des billets, consultez l’article Gérer un blog sur Squarespace.

Accéder à cette fonctionnalité

Ce guide se concentre sur les pages Blog de la version 7.1. Dans la version 7.0, chaque template possède ses propres dispositions de blog et options de style. Pour en savoir plus, consultez l’article Personnaliser les pages Blog dans la version 7.0.

Ouvrir les options de personnalisation

Les pages Blog sont organisées en deux parties : la page de destination du blog, qui crée une disposition des aperçus des billets sur lesquels les visiteurs cliquent pour les ouvrir, et les billets individuels, dans lesquels vous ajoutez le contenu de votre blog.

Vous pouvez personnaliser la page Blog et les billets à deux endroits principaux :

Dispositions des pages Blog

La page de destination de votre blog est également la section de votre blog. Elle présente des aperçus de vos billets, sur lesquels les visiteurs cliquent pour ouvrir des billets individuellement.

Après avoir ouvert les styles de section Blog, cliquez sur la liste déroulante Disposition sous Format pour sélectionner une disposition. Les dispositions de blog sont soit des grilles, où les aperçus des billets s’affichent sur plusieurs lignes et colonnes, soit des empilements, où les billets sont empilés dans une seule colonne. Choisissez parmi les options suivantes :

  • Blog en grille basique : une disposition en grille dans laquelle la valeur de proportion des images mises en avant est fixe, créant ainsi un ensemble uniforme de colonnes et de lignes.
  • Blog mosaïque : une disposition en grille dans laquelle la valeur de proportion des images mises en avant n’est pas rognées, donnant ainsi aux lignes et aux colonnes un aspect de mosaïque. En fonction de votre appareil, les images mises en avant peuvent apparaître dans un ordre non chronologique afin de garantir le meilleur ajustement.
  • Blog à une seule colonne : une disposition empilée dans laquelle les images mises en avant s’affichent au-dessus du titre des billets et des autres métadonnées dans une seule colonne.
  • Blog côte à côte : une disposition empilée dans laquelle les images mises en avant s’affichent à côté du titre des billets et d’autres métadonnées sur un côté fixe.
  • Blog côte à côte alterné : disposition empilée qui affiche les images mises en avant à côté des titres des billets et d’autres métadonnées, alternées d’un côté et de l’autre.

Chaque disposition a ses propres options de style. Ces paramètres s'appliquent à toutes les pages Blog de votre site utilisant la même disposition.

À retenir :

  • Ces modifications affectent toutes les pages Blog qui utilisent la même disposition.
  • Les modifications apportées à une disposition sont enregistrées lorsque vous passez à une nouvelle disposition. Si vous revenez à la disposition précédente, vos paramètres seront restaurés tant que vous n’aurez pas modifié cette disposition sur une autre page Blog.
  • La plupart des dispositions n’affichent pas le billet de blog complet sur la page de destination du blog. Pour afficher le contenu complet de chaque billet, utilisez la disposition à une seule colonne et définissez Affichage du contenu sur Intégralité du billet.

Options de mise en forme

Après avoir sélectionné une disposition, définissez les options suivantes dans l’onglet Format. Selon la disposition que vous choisissez, certaines options peuvent ne pas apparaître. Par exemple, seules la disposition Grille basique et Mosaïque disposent de paramètres de colonne.

  • Largeur : sélectionnez Plein pour que le contenu couvre la largeur de la section ou Insertion pour agrandir la marge intérieure à gauche et à droite du contenu.
  • Colonnes : définissez la disposition Grille basique ou Mosaïque pour qu’elle comporte 2, 3 ou 4 colonnes.
  • Espacement horizontal : disponible pour les configurations Grille basique et Mosaïque
  • Espacement vertical
  • Emplacement des images : définissez l’image mise en avant pour qu’elle apparaisse au-dessus ou en dessous du titre du billet et des métadonnées.
  • Valeur de proportion : définissez une forme standard pour les images mises en avant.
  • Espacement des images
  • Alignement du texte : alignez le texte à gauche, au centre ou à droite.
  • Alignement du texte de l’image : alignez le texte avec le haut, le milieu ou le bas de l’image sélectionnée dans les dispositions côte à côte.
  • Extrait : définissez les extraits à afficher ou à masquer. Ajoutez des extraits dans les paramètres de chaque billets.
  • Lien Lire la suite : indique aux visiteurs qu’il y a davantage de contenu au-delà de l’extrait.
  • Espacement du titre : définissez l’espacement entre le titre du billet et l’extrait.
  • Largeur du contenu du texte : définissez la largeur du contenu du texte pour les dispositions Grille basique et Mosaïque.
  • Espacement Lire la suite : définissez l’espacement entre l’extrait et le lien Lire la suite.
  • Position des métadonnées : définissez les métadonnées à afficher en haut du contenu du texte ou en dessous de l’extrait.
  • Métadonnées principales : définissez les métadonnées à afficher en premier. Vous pouvez choisir Catégories, Date, Auteur ou Aucun. La date s’affiche au format MM/JJ/AA ou JJ/MM/AA en fonction de la langue de votre site.
  • Métadonnées secondaires : définissez les métadonnées qui s’affichent en second. Les options sont les mêmes que celles des métadonnées principales.
  • Espacement des métadonnées : définissez l’espacement entre les métadonnées et le titre du billet.
  • Délimiteur : sélectionnez le mode de division des métadonnées principales et secondaires. Pour en savoir plus, consultez l’article sur les Délimiteurs.
  • Affichage du contenu : pour la disposition Colonne unique, définissez le contenu textuel à afficher avec le billet. Choisissez Titre uniquement, Extrait ou Intégralité du billet. Ajoutez des extraits dans les paramètres de chaque billet.

Autres éléments de la page Blog

Les éléments suivants de votre page Blog principale sont définis dans d’autres zones :

  • Nombre de billets par page : définissez le nombre de billets qui apparaissent sur la page Blog, entre 1 et 20, dans les paramètres de la page Blog. Si vous avez plus de billets que ce qui est affiché sur une page, des liens de pagination apparaissent en bas de la page Blog pour les billets les plus anciens et les plus récents. Il n’est pas possible de modifier le texte lui-même, mais vous pouvez personnaliser la police. Le défilement infini n’est pas pris en charge dans la version 7.1.
  • Images mises en avant : ajoutez l’image mise en avant qui s’affiche sur la page de destination de chaque billet dans les paramètres de chaque billet de blog.
  • Polices : définissez la police pour les titres des billets de blog, les extraits, les métadonnées, les liens Lire la suite et les liens de pagination dans Styles du site. Pour en savoir plus, consultez l’article Polices des pages Blog.

Billets de blog

Les billets de blog utilisent notre éditeur classique, dans lequel vous pouvez ajouter et organiser des blocs.

Une fois les options de style des billets de blog ouvertes, vous pouvez modifier les paramètres suivants :

  • Format : définissez l’espacement et l’affichage des métadonnées. Tous les billets de blog de votre site, même sur différentes pages Blog, utilisent ces paramètres. Consultez la liste complète des ajustements ci-dessous.
  • Couleur : définissez les couleurs de votre site ou modifiez le thème de la section Blog. Pour en savoir plus, consultez l’article Couleurs des pages Blog.

Options de mise en forme des billets de blog

Chaque billet de votre site, même sur différentes pages Blog, utilisent ces paramètres. Si vous apportez une modification à un billet, elle s’applique à tous les autres billets.

  • Largeur du contenu : définissez la largeur du contenu du billet sur Étroit, Moyen, Large ou définissez une largeur Personnalisée.
  • Alignement du texte : alignez le texte à gauche ou au centre.
  • Position des métadonnées : définissez les métadonnées de sorte qu’elles apparaissent Au-dessus du titre ou En dessous du titre.
  • Afficher les catégories : permet d’afficher les catégories ajoutées au billet.
  • Afficher la date : permet d’afficher la date de publication du billet. Pour les billets individuels, seuls le mois et le jour apparaissent. Il n’est pas possible d’afficher l’année sur les billets, mais elle apparaît lorsque la date est visible sur la page principale du blog.
  • Afficher le nom de l’auteur : activez cette option pour afficher l’auteur du billet.
  • Afficher le profil de l’auteur : activez cette option pour afficher le profil de l’auteur sous le contenu du billet.
  • Style de délimiteur : sélectionnez le mode de division des métadonnées. Pour en savoir plus, consultez l’article sur les Délimiteurs.
  • Espacement des en-têtes

Délimiteurs

Lorsque vous affichez des métadonnées telles que des dates, des noms d’auteurs ou des catégories sur votre blog, vous pouvez ajouter des « délimiteurs » ou des signes de ponctuation pour séparer visuellement les métadonnées.

Pour sélectionner ou masquer les délimiteurs :

  1. Cliquez sur Modifier sur la page ou le billet de blog.
  2. Survolez la section ou le billet de blog et cliquez sur lʼicône crayon.
  3. Dans l’onglet Format, cliquez sur Délimiteurs.
  4. Sélectionnez l’une des options ou choisissez Aucune (sur les pages Blog) ou Espace (sur les billets de blog) pour les masquer.
  5. Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.

Polices des pages Blog

Les polices des pages Blog et des billets utilisent les polices de votre site. Pour les modifier, cliquez sur Modifier sur une page Blog ou un billet, puis sur l’icône pinceau, et sur le style de police souhaité. Pour modifier le style d’un élément de texte spécifique, ou pour le personnaliser indépendamment des polices de votre site, cliquez sur Attribuer des styles

Consultez la liste ci-dessous pour connaître les ajustements possibles avec l’option Attribuer des styles.

Page Blog principale

Chaque disposition de blog possède des options de style de police distinctes. Dans la disposition du blog, dans Attribuer des styles, utilisez les ajustements suivants :

  • Titre
  • Extrait : les liens Lire la suite suivent également ces paramètres 
  • Métadonnées

Les liens de pagination situés en bas de la page Blog principale utilisent les styles de Paragraphes et la taille du Paragraphe 2 de votre site. Il n’est pas possible de les modifier.

Billets de blog

Tous les billets de blog de votre site utilisent les mêmes styles. Sous Billets de blog dans Attribuer des styles, utilisez les ajustements suivants :

  • Titre
  • Métadonnées
  • Profil de l’auteur
  • Pagination

Couleurs des pages Blog

Après avoir ouvert les options de style de la page de destination de votre blog ou d’un billet de blog, cliquez sur Couleurs pour modifier les couleurs de votre page Blog et de vos billets.

Pour modifier les couleurs des pages Blog, sélectionnez un nouveau jeu de couleurs. Votre page Blog et tous ses billets utilisent le même jeu de couleurs. Par conséquent, si vous modifiez celui de la page Blog, vous modifiez également celui de ses billets, et vice versa.

Pour modifier certaines couleurs du jeu de couleurs que vous avez sélectionné :

  1. Cliquez sur l’icône crayon située à côté du nom du jeu.
  2.  Faites défiler la page jusqu’à ce que vous trouviez les ajustements pour la disposition de votre blog et ceux pour les billets de blog, puis cliquez sur l’ajustement que vous souhaitez modifier et définissez une nouvelle couleur.
  3. Les autres éléments de votre page Blog suivent les styles du site. Par exemple, la plupart du texte utilise les couleurs figurant sous Texte. La modification de ces couleurs affecte toutes les sections utilisant le même jeu de couleurs sur l’ensemble de votre site.

N’oubliez pas que les couleurs de vos jeux de couleurs sont définies par la palette de votre site. Si vous modifiez votre palette, cela peut également modifier vos jeux de couleurs. Pour en savoir plus, consultez l’article Modifier les couleurs.

Personnaliser les pages Blog dans la version 7.0

Les familles de templates de la version 7.0 disposent chacune d’options de disposition et de style de blog uniques. Pour en savoir plus sur les options de votre blog, consultez le guide de votre famille de templates :

Pour comparer les dispositions et les fonctionnalités de chaque famille de templates, consultez nos tableaux comparatifs.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Personnaliser les pages Blog dans la version 7.1