Einrichten eines Abschnitts - Bauen - Carrd-Dokumentation
Erstellen eines Abschnitts
Im Zentrum des [Abschnitts]-Konzepts (/blogs/carrd-docs-building-using-sections) steht der Abschnittswechsel, ein spezielles Steuerelement, das markiert, wo ein Abschnitt beginnt, wo er endet und welche Elemente dazu gehören sollen. So wird es verwendet:
Klicken Sie auf Element hinzufügen.
Klicken Sie auf Steuerung, um ein neues Steuerelement zu erstellen.
Setzen Sie den Typ auf Abschnittswechsel.
Geben Sie ihm einen kurzen, beschreibenden Namen, der nur aus Kleinbuchstaben, Zahlen und Bindestrichen besteht (z.B.
arbeit
). Dies identifiziert den Abschnitt eindeutig und ermöglicht es Ihnen, darauf zu verlinken (siehe unten).Ziehen Sie den Abschnittswechsel dorthin, wo Sie die Seite teilen möchten, lassen Sie die Maustaste los, um ihn abzulegen, und ... das war's. Während die Effekte im Builder nicht sichtbar sind, passiert Folgendes in der veröffentlichten Version der Seite:
- Erstellt einen neuen Abschnitt mit dem Namen, den Sie gerade festgelegt haben (z.B.
arbeit
), der alle Elemente nach dem Abschnittswechsel enthält (bis zu einem weiteren Abschnittswechsel, einem Fußzeilenmarker oder dem Ende der Seite). - Weist alle Elemente vor dem Abschnittswechsel (bis zu einem weiteren Abschnittswechsel, einem Kopfzeilenmarker oder dem Anfang der Seite) dem vorherigen Abschnitt zu.
- ... und wenn kein vorheriger Abschnitt existiert, wird automatisch einer mit dem Namen
home
erstellt.
Verlinken Sie den Abschnitt mit einem Button, einem Link oder so ziemlich allem anderen, das eine URL verwendet, indem Sie ein Hash
#
gefolgt vom Namen des Abschnitts verwenden (z.B.#arbeit
).(Optional) Wählen Sie das Seiten-Element der Seite aus, klicken Sie auf die Registerkarte Animation und wählen Sie einen Beim Abschnittswechsel-Effekt aus, der verwendet wird, wenn die Seite die Abschnitte wechselt.
Fertig! Das Klicken auf einen Link zum Abschnitt öffnet ihn nun sofort und zeigt seinen Inhalt an (und verwendet dabei einen Abschnittswechsel-Effekt, falls einer ausgewählt wurde), und jeder Abschnitt kann tief verlinkt werden, indem einfach sein hash-präfixierter Name an die URL der Seite angehängt wird (z.B.
foo.carrd.co/#arbeit
). Sie können auch auf die folgenden speziellen URLs verlinken, um zwischen Ihren Abschnitten zu navigieren:
URL | Beschreibung |
---|---|
section:next | Öffne den nächsten Abschnitt. |
section:previous | Öffne den vorherigen Abschnitt. |
section:first | Öffne den ersten Abschnitt. |
section:last | Öffne den letzten Abschnitt. |
... und das war's! Wiederholen Sie einfach den Vorgang, um weitere Abschnitte zu erstellen, oder gehen Sie optional einen Schritt weiter und fügen Sie einen Header und Footer hinzu.