Les barres latérales dans la version 7.0

Modifiez, personnalisez et masquez les barres latérales dans certains templates de la version 7.0.

Dernière mise à jour le 17 décembre 2024

Les barres latérales de contenu font partie intégrante des dispositions de certains templates de la version 7.0. Ce sont des zones modifiables auxquelles vous pouvez ajouter du texte, des images, des liens et d’autres types d’éléments. Selon le template, elles peuvent apparaître uniquement sur certaines pages de collection, comme les pages Blog, ou bien sur l’ensemble du site.

Certains templates affichent les liens de navigation dans une barre latérale, plutôt qu'en haut du site.

Ce guide explique comment ajouter des blocs à une barre latérale de contenu et indique les templates proposant des barres latérales.

Accéder à cette fonctionnalité

Les barres latérales ne sont disponibles que dans la version 7.0.

Avant de commencer

  • Le contenu des barres latérales n'est pas transféré d'un template à l'autre. Pour en savoir plus, rendez-vous sur Changer de template.
  • Pour la plupart des templates, les barres latérales de contenu sʼaffichent au bas de la page lorsque celle-ci est visionnée sur des appareils mobiles. Sur Ishimoto, les barres latérales ne sʼaffichent pas sur les appareils mobiles. Pour en savoir plus, consultez Comment mon site s’affichera-t-il sur les appareils mobiles ?
  • Modifiez les polices, les couleurs ou autres caractéristiques des barres latérales en accédant au panneau Styles du site.

Ouvrir l'éditeur de barre latérale

Pour modifier une barre latérale de contenu, ouvrez une page de votre site qui l'affiche. Survolez la barre latérale et cliquez sur Modifier dans l'annotation.

Remarque : sur de petits écrans, votre barre latérale peut apparaître en bas de l'écran. Survolez la zone de contenu pour vérifier si l'intitulé de l'annotation est Barre latérale avant de la modifier.

edit_blog_sidebar.jpg

Ajouter du contenu à l’aide des blocs

Cliquez sur un point d’insertion, puis choisissez un bloc dans le menu pour l’ajouter à la barre latérale. L’un des blocs les plus adaptés aux barres latérales est le bloc Archive. Il vous permet de créer des listes de contenu à texte uniquement, organisées par date, catégorie, tag ou auteur.

Voici certains blocs courants pour les barres latérales :

Continuez d'ajouter des blocs jusqu'à ce que votre barre latérale contienne tout ce que vous voulez.

Créer des mises en page

Afin de conserver la largeur des barres latérales, les blocs de contenu peuvent uniquement être empilés les uns sur les autres. Pour réorganiser le contenu d'une barre latérale, cliquez sur les blocs et faites-les glisser. Pour en savoir plus, consultez l’article Déplacer des blocs

Cliquez sur Enregistrer pour publier vos modifications. En fonction de votre template, les blocs dans la barre latérale de votre page apparaîtront ainsi :

KB Guide Image

Options de la barre latérale de contenu par template

Avant de modifier l’affichage d’une barre latérale dans le panneau Styles du site, accédez à la page qui comporte cette barre latérale, puis au panneau Design. Vous verrez ainsi les ajustements appropriés.

Voici comment modifier les barres latérales de contenu dans ces familles de templates :

Famille de templates S’affiche sur... Options
Avenue Les pages Blog lorsque le style de la disposition du site est défini sur Gauche ou sur Droite dans le panneau Styles du site Définir l'affichage de la barre latérale :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Styles de blog et cliquez sur Affichage de la barre latérale du blog.
  3. Sélectionnez Automatique, Droite, Gauche ou Masquée.

Bedford

Les pages Blog (spécifique à chaque page Blog) Désactiver pour toutes les Pages Blog :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Barre latérale et cochez Masquer la barre latérale du blog
Five Toutes les pages. Activable dans les paramètres de chaque page. Définir l'affichage de la barre latérale :
  1. Survolez le titre de la page et cliquez sur icône-roue-dentée.
  2. Dans les paramètres de la page, cliquez sur Avancé et faites défiler jusqu’à Disposition de la page.
  3. Cliquez sur la liste déroulante pour sélectionner Une barre latérale, Barres latérales divisées, Pleine largeur (pas de barre latérale) ou Deux barres latérales.
Forte Pages Blog Définir l'affichage de la barre latérale :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Blog et cliquez sur la liste déroulante Position de la barre latérale.
  3. Sélectionnez Droite, Gauche ou Masquée.
Galapagos Pages Blog Désactiver :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Blog et décochez Activer la barre latérale du blog.
Ishimoto Pages Blog Définir l'affichage de la barre latérale :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Styles de blog et cliquez sur Barre latérale du blog.
  3. Sélectionnez Droite, Gauche ou Masquée.

Montauk

Pages Blog Définir l'affichage de la barre latérale :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Styles de blog et cliquez sur Disposition Blog.
  3. Sélectionnez Centre (pas de barre latérale), Barre latérale droite ou Barre latérale gauche.

Skye

Billets de blog

Définir l'affichage de la barre latérale :

  1. Sur votre site web, ouvrez un article de blog individuel.
  2. Ouvrez le panneau Styles du site.
  3. Faites défiler vers le bas jusqu’à Options du billet de blog.
  4. Activez ou désactivez la barre latérale à l’aide de l’ajustement Afficher la barre latérale.
  5. Modifiez la taille à l’aide de Largeur de la barre latérale.
  6. Vous pouvez également décider d’afficher le profil de l’auteur au-dessus du contenu de la barre latérale.
Wells Toutes les pages. Barre latérale supplémentaire sur les pages Blog. Activer une barre latérale supplémentaire sur la Page Blog :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Barre latérale du blog.
  3. Sélectionnez Masquer, Gauche ou Droite.

Le fait de supprimer le contenu de la barre latérale du blog lorsqu’il est masqué est considéré comme une bonne pratique. Pour en savoir plus, consultez l’article Résolution des problèmes Wells.

Wexley Pages Blog Définir l'affichage de la barre latérale :
  1. Ouvrez le panneau Styles du site.
  2. Faites défiler vers le bas jusqu’à Blog et cliquez sur Barre latérale du blog.
  3. Sélectionnez Droite, Gauche ou Masquée.

Les familles de templates ci-dessous permettent la navigation par barre latérale. Pour en savoir plus, cliquez sur les liens.

  • Aviator - les dispositions Offset et Carte de visite proposent une navigation par barre latérale sur l'ensemble du site
  • Bedford : la navigation par barre latérale s’affiche sur les pages figurant dans des menus déroulants et sur les pages Index.
  • Five - Lorsque vous sélectionnez Position de la navigation supérieure : Aucune, les liens de navigation sont placés dans la barre latérale de contenu.
  • Supply - barre latérale de navigation sur l'ensemble du site
  • Wells - barre latérale de navigation sur l'ensemble du site avec zone de contenu modifiable

Pour modifier le contenu des barres latérales de navigation :

  • Ajoutez et réorganisez les liens dans le panneau Pages.
  • Si le titre, le logo et le slogan du site sont affichés dans la barre latérale de navigation, vous pouvez les modifier dans le panneau Logo et titre.

Dans la version 7.1, la navigation par catégorie de produit peut s’afficher en haut d’une page ou dans une barre latérale. Pour en savoir plus, consultez l’article Personnaliser les pages Boutique.

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é.

Les barres latérales dans la version 7.0