Ställa in en sektion - Bygga - Carrd-dokumentation
Skapa en Sektion
I hjärtat av konceptet Sektioner finns Sektionsbrytaren, ett speciellt Kontrollelement som markerar var en sektion börjar, var den slutar, och vilka element som ska tillhöra den. Så här används den:
Klicka på Lägg till element.
Klicka på Kontroll för att skapa ett nytt Kontrollelement.
Ställ in Typ till Sektionsbrytare.
Ge den ett kort, beskrivande Namn bestående av endast små bokstäver, siffror och bindestreck (t.ex.
arbete
). Detta kommer att unikt identifiera sektionen och låta dig länka till den (se nedan).Dra sektionsbrytaren till där du vill dela upp sidan, släpp klicket för att placera den, och ... det är allt. Även om effekterna inte kommer att vara uppenbara i byggaren, här är vad som händer med den publicerade versionen av sidan:
- Skapar en ny sektion med namnet du just satte (t.ex.
arbete
) som innehåller alla element efter sektionsbrytaren (upp till antingen en annan sektionsbrytare, en sidfotmarkör, eller botten av sidan). - Tilldelar alla element före sektionsbrytaren (upp till antingen en annan sektionsbrytare, en huvudmarkör, eller toppen av sidan) till föregående sektion.
- ... och om ingen föregående sektion finns, skapas automatiskt en med namnet
hem
.
Länka till sektionen med en knapp, en länk, eller nästan vad som helst annat som tar en URL med en hash
#
följt av sektionens namn (t.ex.#arbete
).(Valfritt) Välj sidans Sida-element, klicka på Animation-fliken, välj sedan en Vid sektionsbyte-effekt att använda när sidan byter sektioner.
Du är klar! Att klicka på en länk till sektionen kommer nu omedelbart att öppna den och visa dess innehåll (och göra det med en sektionsbyte-effekt om en valdes), och varje sektion kan djup-länkas genom att helt enkelt lägga till dess hash-prefixerade namn till sidans URL (t.ex.
foo.carrd.co/#arbete
). Du kan också länka till följande speciella URL:er för att navigera mellan dina sektioner:
URL | Beskrivning |
---|---|
section:next | Öppna nästa sektion. |
section:previous | Öppna föregående sektion. |
section:first | Öppna första sektionen. |
section:last | Öppna sista sektionen. |
... och det är allt! Upprepa processen för att skapa fler sektioner, eller ta konceptet ett steg längre och lägg till en header och footer.