Vous créerez les pages et les pieds de page de votre site à l’aide de sections personnalisables empilées verticalement. Vous pouvez ajouter, supprimer et déplacer les sections pour organiser votre contenu. Ce guide vous propose de découvrir le rôle des sections de page et la façon de les utiliser pour créer des dispositions uniques.
Pour découvrir comment créer une page et y ajouter des sections, consultez l’article Ajouter des pages à votre navigation.
Astuce : ce guide concerne la version 7.1. Pour obtenir un effet similaire dans la version 7.0, utilisez un index empilé.
Regarder une vidéo
Ajouter et modifier des sections
La marche à suivre pour ajouter et modifier des sections dépend selon que vous les modifiez sur un ordinateur ou dans l’application Squarespace.
Toute nouvelle page que vous ajoutez comporte au moins une section prédéfinie, à l’exception des pages vierges. Pour modifier les sections, accédez à la page de votre choix, puis cliquez sur Modifier en haut à gauche de l’aperçu de la page.
Survolez une section pour afficher ses options :
- Pour ajouter une section, cliquez sur Ajouter une section.
- Pour dupliquer une section, cliquez sur l’icône Dupliquer. Les sections de page de collection ne peuvent pas être dupliquées.
- Pour déplacer une section, cliquez sur ↑ ou sur ↓.
- Pour personnaliser le style d’une section, cliquez sur l’icône crayon.
- Pour supprimer une section, cliquez sur l’icône corbeille. Une fois l’enregistrement effectué, les sections supprimées ne peuvent plus être restaurées. Les sections de page de collection ne peuvent pas être supprimées.
- Cliquez sur Enregistrer pour publier vos modifications. Les modifications ne sont pas enregistrées automatiquement.
Vous pouvez ajouter un nombre illimité de sections, mais il est conseillé de ne pas dépasser 20 sections par page, car plus leur contenu est volumineux, plus les pages mettent de temps à se charger. Pour en savoir plus, consultez l’article Mon site se charge lentement.
Toute nouvelle page que vous ajoutez comporte au moins une section prédéfinie, à l’exception des pages vierges. Vous pouvez également ajouter d’autres sections à une page existante. À l’heure actuelle, l’application ne prend en charge que certaines sections.
Appuyez sur Modifier ou sur l’icône crayon en haut à droite pour ouvrir la page à modifier, puis ajoutez ou modifiez des sections :
- Pour ajouter une nouvelle section, appuyez sur + au-dessus ou en dessous d’une section, puis choisissez un type de section.
- Pour déplacer une section, appuyez sur ↑ ou ↓ dans la barre d'outils.
- Pour personnaliser le style d’une section, appuyez sur l’icône crayon dans la barre d’outils.
Appuyez sur Terminé ou sur ✓ en haut à gauche pour enregistrer vos modifications.
Ajouter des contenus aux sections
La méthode à suivre pour ajouter du contenu et pour personnaliser son style varie d’une section à une autre. Il existe trois types de contenus :
- Sections de blocs : utilisez des blocs pour personnaliser une disposition.
- Sections de disposition automatique - Ajoutez des ensembles de contenu et organisez-les automatiquement en listes ou en galeries.
- Sections de pages de collection : affichez des éléments de collection. Par exemple, les pages Blog ont une section de collection qui affiche des billets de blog.
Vous pouvez ajouter des sections de blocs et de disposition automatique sur n'importe quelle page. Les sections de page de collection sont uniques à leurs pages.
Remarque : l’application Squarespace permet de modifier le contenu des sections prises en charge, mais vous ne pouvez pas l’utiliser pour ajouter de nouveaux blocs à une section. Pour les zones de votre site que vous ne pouvez pas modifier via l’application, faites-le sur un ordinateur.
Sections de blocs
Les blocs sont des fonctionnalités qui vous permettent d’ajouter des contenus à votre site (un texte, des images, des boutons ou des formulaires). Toutes les sections sont des sections de blocs, à l’exception des sections de disposition automatique et des sections de page de collection.
Pour ajouter des contenus dans des sections de blocs et pour personnaliser son style :
- Ajoutez ou déplacez des blocs pour personnaliser la disposition.
- Pour ajouter des contenus à un bloc, double-cliquez dessus.
- Pour supprimer un bloc, survolez-le et cliquez sur l’icône corbeille. Une fois l’enregistrement effectué, les blocs ne peuvent plus être restaurés.
- Pour modifier le style des sections, cliquez sur l’icône crayon.
Sections de disposition automatique
Utilisez les dispositions automatiques pour ajouter des ensembles de contenu, tels que des images et du texte, dans des dispositions visuellement saisissantes qui se mettent à jour automatiquement lorsque vous ajoutez d'autres contenus. Ces sections affichent un badge Automatique dans le sélecteur de sections.
Pour en savoir plus, consultez l’article Dispositions automatiques.
Sections de galerie
Les sections de galerie sont un type de disposition automatique qui permet de mettre en valeur des images sans beaucoup de texte. Pour en savoir plus, consultez l’article Sections de galerie.
Sections de page de collection
Utilisez les pages de collection pour afficher une collection d’éléments, comme des billets de blog ou des événements. Les pages Blog, Événements, Portfolio et Boutique sont toutes des pages de collection. Pour en savoir plus, consultez l’article Sections de page de collection.
Sections de pied de page
Utilisez les sections de blocs pour créer votre pied de page. Survolez le pied de page et cliquez sur Modifier le pied de page pour ajouter ou modifier ses sections. Vous pouvez ajouter des sections de blocs vides ou des sections de type pied de page avec des dispositions de blocs prédéfinies. Il n’est pas possible d’ajouter d’autres types de sections à votre pied de page.
Pour en savoir plus, consultez l’article Modifier les pieds de page.
Modifier les styles des sections
Vous pouvez faire en sorte que les sections appliquent les styles de l’ensemble de votre site dans le panneau Styles du site. Vous pouvez aussi modifier la disposition, l’arrière-plan et la couleur d’une section spécifique pour donner plus de diversité ou de contraste à vos pages.
Pour personnaliser le style d’une section spécifique, cliquez sur Modifier sur la page, survolez la section souhaitée, puis cliquez sur l’icône crayon. Les sections de blocs comprennent trois onglets : Mise en forme, Arrière-plan et Couleur.
Mise en forme
Dans l'onglet Format, vous pouvez modifier ces détails :
- Hauteur de section – Il s’agit de la hauteur de la section. Les sections avec plus de contenu peuvent s’afficher à une hauteur supérieure que celle que vous avez définie. Cela influe également sur les marges situées au-dessus et en dessous du contenu de votre section.
- Largeur du contenu – Largeur de la section qu’occupe votre contenu.
- Alignement du contenu – Comment le contenu s’aligne avec les bordures de la section, c’est-à-dire en haut, en bas ou à même distance du haut et du bas de la section.
Arrière-plan
Dans l'onglet Arrière-plan, vous pouvez ajouter une image, une vidéo ou un motif d'arrière-plan. Le contenu d'arrière-plan peut apparaître en pleine page ou en retrait des bords de la section. Pour en savoir plus sur les options disponibles, consultez les guides suivants :
- Images et effets d'arrière-plan de section
- Ajouter des vidéos d’arrière-plan
- Motifs d'arrière-plan de section
Couleur
Dans l’onglet Couleur, vous pouvez sélectionner et personnaliser un thème de couleurs pour la section. Gardez à l’esprit que toute modification apportée à un thème de couleurs affectera toutes les sections de votre site qui utilisent ce thème. Pour en savoir plus, consultez l’article Modifier les couleurs.
Autres sections
Pour en savoir plus sur les options de paramétrage des sections de disposition automatique et des sections de page de collection, consultez ces guides :
- Dispositions automatiques
- Sections de galerie
- Gérer un blog sur Squarespace
- Pages Événements
- Pages Portfolio
- Sections de boutique
Déplacer des contenus d’une section à une autre
Pour déplacer des contenus :
- Sections Blocs - Faites glisser les blocs pour les déplacer d'une section de bloc à une autre sur la même page.
- Sections de disposition automatique - Réutilisez une image de liste ou de galerie pour l'ajouter à une autre section de liste ou de galerie.
- Sections de collection : déplacez des billets de blog, des événements et des produits d’une collection à une autre (à condition qu’elle soit du même type). Il est actuellement impossible de déplacer des sous-pages de portfolios.