Configurer une section - Construction - Documentation Carrd
Créer une Section
Au cœur du concept de Sections se trouve la Rupture de Section, un élément Contrôle spécial qui marque où une section commence, où elle se termine, et quels éléments doivent lui appartenir. Voici comment l'utiliser :
Cliquez sur Ajouter un Élément.
Cliquez sur Contrôle pour créer un nouvel élément Contrôle.
Réglez le Type sur Rupture de Section.
Donnez-lui un Nom court et descriptif composé uniquement de lettres minuscules, chiffres et tirets (par exemple,
travail
). Cela identifiera de manière unique la section et vous permettra de créer un lien vers elle (voir ci-dessous).Faites glisser la rupture de section à l'endroit où vous souhaitez diviser le site, relâchez le clic pour la déposer, et ... c'est tout. Bien que les effets ne soient pas apparents dans le constructeur, voici ce qui se passe dans la version publiée du site :
- Crée une nouvelle section avec le nom que vous venez de définir (par exemple,
travail
) qui contient tous les éléments après la rupture de section (jusqu'à une autre rupture de section, un marqueur de pied de page, ou le bas du site). - Assigne tous les éléments avant la rupture de section (jusqu'à une autre rupture de section, un marqueur d'en-tête, ou le haut du site) à la section précédente.
- ... et si aucune section précédente n'existe, en crée automatiquement une nommée
accueil
.
Liez à la section avec un bouton, un lien, ou à peu près tout ce qui prend une URL en utilisant un dièse
#
suivi du nom de la section (par exemple,#travail
).(Optionnel) Sélectionnez l'élément Page du site, cliquez sur l'onglet Animation, puis sélectionnez un effet Au Changement de Section à utiliser lorsque le site change de section.
C'est terminé ! Cliquer sur un lien vers la section l'ouvrira immédiatement et révélera son contenu (et le fera en utilisant un effet de changement de section si un a été sélectionné), et chaque section peut être liée en profondeur en ajoutant simplement son nom préfixé par un dièse à l'URL du site (par exemple,
foo.carrd.co/#travail
). Vous pouvez également lier aux URLs spéciales suivantes pour naviguer entre vos sections :
URL | Description |
---|---|
section:next | Ouvrir la section suivante. |
section:previous | Ouvrir la section précédente. |
section:first | Ouvrir la première section. |
section:last | Ouvrir la dernière section. |
... et c'est tout ! Répétez simplement le processus pour créer plus de sections, ou allez plus loin en ajoutant un en-tête et un pied de page.