Ajoutez et personnalisez les sections de contenu empilé verticalement qui créent la structure de chaque page.

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

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. La marche à suivre pour ajouter et modifier des sections n’est pas la même si vous les modifiez sur un ordinateur ou dans l’application Squarespace.

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.

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.

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). 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, cliquez dessus puis sur l’icône corbeille. Une fois l’enregistrement effectué, les blocs ne peuvent plus être restaurés.
• Pour modifier le styles des sections, cliquez sur Modifier la section.

En règle générale, la plupart des sections de votre site seront des sections de bloc. Les sections de bloc offrent l’une ou l’autre des expériences d’édition suivantes : l’éditeur intuitif ou l’éditeur classique.

Éditeur intuitif

L’Éditeur intuitif est la toute dernière expérience d’édition de contenu de Squarespace.Lorsque vous ajoutez une nouvelle section vide ou une section de bloc avec une disposition prédéfinie, elle utilise l’Éditeur intuitif.Si vous ne savez pas si une section utilise l’Éditeur intuitif, vérifiez le bouton Ajouter un bloc dans le coin supérieur droit lors de la modification.

Dans l’Éditeur intuitif, vous allez organiser et redimensionner les blocs en cliquant sur une grille flexible et en la faisant glisser. Les blocs peuvent se chevaucher pour créer des dispositions uniques.

Éditeur classique

Si vous avez ajouté des sections de blocs avant la sortie de l’Éditeur intuitif, elles utilisent notre éditeur classique, qui est également utilisé dans d’autres sections de votre site, telles que les billets de blog.Si vous ne savez pas si une section utilise l’éditeur classique, survolez les blocs de la page pour vérifier s’il y a une icône + au-dessus ou en dessous de chaque bloc.Ce sont des points d’insertion.

Pour ajouter une nouvelle section de bloc avec l’éditeur classique :

1. Cliquez sur Modifier sur la page, puis sur Ajouter une section.
2. Faites défiler la liste des types de sections vers le bas.
3. Cliquez sur Ajouter un élément vide + [Éditeur classique].

Pour mettre à niveau une section de bloc d’éditeur classique vers l’Éditeur intuitif, cliquez sur Mettre à niveau.Pour en savoir plus, consultez l’article L’Éditeur intuitif, la dernière expérience d’édition de contenu de Squarespace.

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. Pour ces sections, un badge i s’affiche dans le sélecteur de section.

Pour en savoir plus, consultez l’article Dispositions automatiques.

sections Galerie

Les sections 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 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.

Essayez de nouvelles dispositions

Si votre section utilise l’Éditeur intuitif, vous pouvez essayer automatiquement de nouvelles dispositions grâce au sélecteur de disposition. Lorsque vous modifiez une page, survolez la section avec la souris et cliquez sur le bouton Voir les dispositions.

Cliquez sur l’aperçu de la disposition que vous souhaitez essayer, et le contenu de votre section sera automatiquement réorganisé. Vous pouvez ensuite cliquer sur Enregistrer pour conserver la nouvelle disposition. Si vous souhaitez revenir à votre disposition d’origine, cliquez sur Annuler.

Notez que cette option n’est disponible que dans les sections de l’Éditeur intuitif. Selon les blocs que vous avez ajoutés, le bouton Voir les dispositions peut être grisé, ce qui signifie qu’aucune disposition n’est suggérée pour cette section.

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 Modifier la section ou sur l’icône crayon. Les sections Bloc comprennent trois onglets : Design, Arrière-plan et Couleur. Les options de l’onglet Design varient selon que la section utilise notre éditeur classique ou l’Éditeur intuitif.

Design (éditeur classique)

Dans l’onglet Design de l’éditeur classique, vous pouvez modifier les informations suivantes :

• 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.
• Largeur du contenu – Largeur de la section qu’occupe votre contenu.
• Hauteur de section : hauteur de la section sur la page. Les sections avec plus de contenu peuvent s’afficher à une hauteur supérieure à celle que vous avez définie. Cela influe également sur les marges situées au-dessus et en dessous du contenu de votre section.
• Style : présentation de la bordure inférieure de la section. Activez l’option Séparateur pour ajouter un séparateur de section unique. 

Design (Éditeur intuitif)

Pour obtenir la liste des options de style des sections de l’Éditeur intuitif, consultez l’article Modifier votre site avec l’Éditeur intuitif.

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 Galerie
• Gérer un blog sur Squarespace
• Pages Événements
• L’Éditeur intuitif, la dernière expérience d’édition de contenu de Squarespace
• Pages Portfolio
• Sections de boutique

Séparateurs de section

Dans l’onglet Format des styles de section, activez la fonction Séparateur pour ajouter une bordure au bas de votre section. Vous pouvez ajouter des séparateurs aux sections Bloc, aux dispositions automatiques et aux sections Galerie.

Pour personnaliser votre séparateur de section :

• Forme : cliquez sur l’icône Aléatoire pour attribuer les paramètres de manière aléatoire, ou cliquez sur l’icône Paramètres pour sélectionner une forme et modifier les paramètres manuellement.
• Trait : sélectionnez une bordure en ligne continue, en pointillés ou aucune bordure pour votre séparateur.
• Couleur : sélectionnez une couleur dans la palette de votre site pour la ligne de bordure.
• Épaisseur : définissez l’épaisseur de la bordure à l’aide des options petite, moyenne ou grande. Cliquez sur ... pour modifier manuellement l’épaisseur du séparateur.

Après avoir créé le premier séparateur de section de votre site, les paramètres de ce séparateur s’appliquent aux séparateurs que vous créerez ultérieurement. Si vous souhaitez que vos séparateurs de section soient différents, personnalisez chacun d’eux à l’aide des paramètres répertoriés ci-dessus.

Sections sans séparateurs

Si votre page inclut une section qui ne prend pas en charge les séparateurs de section, comme une section Blog, Événements, Portfolio ou Vidéos, vous pouvez reproduire l’apparence d’un séparateur de section avec une section de blocs vierge :

1. Cliquez sur Modifier sur la page contenant la section qui ne prend pas en charge les séparateurs de section.
2. Survolez Ajouter une section en dessous de cette section.
3. Cliquez sur Ajouter une section vierge.
4. Survolez la section vierge et cliquez sur Modifier la section.
5. Définissez la Hauteur sur petite et activez l’option Diviser.
6. Personnalisez le séparateur comme bon vous semble. N’ajoutez aucun bloc à cette section.

Gardez en tête que ce séparateur de section n’interagira pas avec la section ci-dessus exactement de la même manière que les séparateurs de section intégrés. Par exemple, si la section non prise en charge comporte une image d’arrière-plan, le séparateur apparaît en dessous de l’image au lieu de la border directement.

Enregistrer des sections

Lorsque vous créez une disposition de section de page que vous souhaitez réutiliser, vous pouvez l’ajouter à vos sections enregistrées. Lorsque vous enregistrez une section, un « instantané » de la disposition est créé, ce qui vous permet de l’ajouter quand vous le souhaitez. C’est idéal pour les sites web pour lesquels vous devez réutiliser la même disposition sur plusieurs pages.

Pour enregistrer une section, cliquez sur Modifier sur une page, puis survolez la section et cliquez sur l’icône en forme de cœur. 

Utiliser une section enregistrée

Pour utiliser une section enregistrée :

1. Cliquez sur Modifier sur une page, puis sur Ajouter une section.
2. Cliquez sur Sections enregistrées.
3. Sélectionnez la section enregistrée que vous souhaitez ajouter.
4. Apportez les modifications nécessaires à la disposition.

Supprimer une section enregistrée

Pour supprimer une section de vos sections enregistrées :

1. Cliquez sur Modifier sur une page, puis sur Ajouter une section.
2. Cliquez sur Sections enregistrées. 
3. Cochez la case située dans le coin supérieur gauche d’une ou de plusieurs sections.
4. Cliquez sur Supprimer. Il n’est pas possible d’annuler cette opération.

Sections enregistrées avec un forfait Enterprise

Les administrateurs d’équipe qui disposent d’un forfait Enterprise peuvent également enregistrer des sections dans la bibliothèque Enterprise. Ces sections peuvent être utilisées par les membres de l’équipe sur n’importe quel site web appartenant à l’organisation. 

Pour enregistrer une section dans la bibliothèque Enterprise :

1. Cliquez sur Modifier sur une page, puis survolez la section et cliquez sur l’icône en forme de cœur.
2. Sélectionnez Bibliothèque Enterprise. 
3. Saisissez le nom de la section, puis cliquez sur Enregistrer.   

Vous pouvez accéder à la bibliothèque Enterprise lorsque vous ajoutez une section à votre page. 

1. Cliquez sur Modifier sur une page, puis sur Ajouter une section. 
2. Cliquez sur Sections Enterprise. 
3. Sélectionnez une section Enterprise enregistrée pour l’ajouter à la page. Les administrateurs d’équipe peuvent également renommer une section enregistrée, effectuer des recherches et supprimer des sections Enterprise de la bibliothèque.

Important :

• Vous pouvez enregistrer jusqu’à 50 sections sur votre site.
• Les sections enregistrées ne sont pas liées à la section d’origine. La mise à jour de la section d’origine ne mettra pas à jour la version enregistrée ni les autres versions que vous avez ajoutées.
• Les sections enregistrées préservent le contenu et les éléments de design. Certains paramètres, tels que les connexions de stockage dans les blocs Formulaire et Newsletter, ne seront pas transférés de la section d’origine. Configurez manuellement le stockage de tous les formulaires et de la newsletter dans les sections enregistrées.
• Il n’est pas possible d’enregistrer des sections de page de collection ou des sections de pied de page, et il n’est pas possible d’ajouter des sections enregistrées à votre pied de page.

Déplacer des contenus d’une section à une autre

Pour déplacer des contenus :

• Sections de blocs créées avec l’éditeur classique – Faites glisser les blocs pour les déplacer d’une section de bloc à une autre sur la même page.Il n’est pas possible de déplacer des blocs avec l’éditeur intuitif.
• 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 projets de portfolio.