Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.
Éditer les barres latérales

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

Certains modèles 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.

Regarder une vidéo

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.
  • Dans la plupart des templates, les barres latérales de contenu s'affichent en bas de la page lorsque celle-ci est visualisée sur des appareils mobiles, car cela facilite le design adaptatif. Sur Ishimoto, les barres latérales ne s'affichent pas 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 sélectionnez un bloc dans le menu pour l'ajouter à la barre latérale. L'un des blocs les plus adaptés pour les barres latérales est le bloc Archive. Ce dernier 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 Save (Enregistrer) pour publier vos modifications. En fonction de votre template, les blocs dans la barre latérale de votre page apparaîtront ainsi :

Options de la barre latérale de contenu par modèle

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 modèles :

Famille de modèles 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur 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. Dans le Menu principal, cliquez sur Design, puis sur Styles du site.
  2. Faites défiler vers le bas jusqu’à Barre latérale du blog.
  3. Sélectionnez Masquer, Gauche ou Droite.

Il est préférable de supprimer le contenu d'une barre latérale du blog lorsqu'elle est masquée. Pour en savoir plus, rendez-vous sur Résolution des problèmes sur Wells.

Wexley Pages Blog Définir l'affichage de la barre latérale :
  1. Dans le Menu principal, cliquez sur Design, puis sur 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 modèles 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 est affichée pour les pages figurant dans les dossiers et les pages d’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 la section Pages.
  • Si le titre du site, le logo et le slogan sont affichés dans la barre latérale, vous pouvez les modifier en accédant au panneau Titre et logo du site.
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 97 sur 198