Ein Akkordeon ist eine Schnittstellenkomponente, mit der Sie den Inhalt eines Blocks ausblenden und aufdecken können. Es ist sehr praktisch, um Informationen auf einer Website zu organisieren, besonders wenn Sie viel Text auf einer Seite platzieren müssen. In unserem Artikel erklären wir Ihnen, wie Sie ein Akkordeon zum Nullblock einer Tilde hinzufügen. Folgen Sie unserer Schritt-für-Schritt-Anleitung und Sie können ein stilvolles und funktionelles Akkordeon in Ihrem Projekt erstellen.
Schritt 1. Block erstellen und Text hinzufügen
Der erste Schritt besteht darin, einen Block auf Ihrer Seite zu erstellen. Wählen Sie den Ort aus, an dem Sie das Akkordeon platzieren möchten, und fügen Sie den Nullblock der Tilde hinzu. Danach können Sie den gewünschten Text innerhalb des Blocks hinzufügen. Für ein Akkordeon ist die Struktur mit Überschriften (Überschrift des aktiven Elements) und versteckten Inhalten unter jeder Überschrift am beliebtesten.
Beispielcode für ein Akkordeon:
Überschrift 1
Überschrift 2
Um ein Akkordeon zu erstellen, haben wir Diven mit der Klasse "accordion" und verschachtelte Diven mit den Klassen "accordion__item", "accordion__title" und "accordion__content" verwendet. Der Titel des aktiven Elements hat die Klasse "accordion__title" und der verborgene Inhalt die Klasse "accordion__content".
Erstellen eines Akkordeons im Nullblock Tilde: Detaillierte Anleitung
- Öffnen Sie den Editor für Ihren Nullblock und navigieren Sie zum gewünschten Abschnitt.
- Erstellen Sie im Abschnitt "Text" einen neuen Abschnitt für das Akkordeon, indem Sie einen Titel und Text hinzufügen.
- Fügen Sie den folgenden Code vor dem schließenden Tag ein
Содержимое аккордеона 1
Содержимое аккордеона 2
Содержимое аккордеона 3
- Fügen Sie bei Bedarf weitere Akkordeonelemente hinzu, indem Sie die Schritte 3-4 wiederholen und die Attributwerte id, for und Text ändern.
- Speichern Sie die Änderungen und veröffentlichen Sie Ihre Null Tildenblock.
Jetzt funktioniert Ihr Akkordeon: Klicken Sie auf den Titel, um den Inhalt aufzudecken, und klicken Sie erneut, um ihn auszublenden. Sie können das Akkordeon mit benutzerdefinierten Klassen und CSS stilisieren.
Schritt 1: Öffnen Sie den Blockeditor im Nullblock der Tilde
Um ein Akkordeon zum Nullblock der Tilde hinzuzufügen, öffnen Sie zuerst den Blockeditor.
Um den Blockeditor zu öffnen, loggen Sie sich in Ihr Tilda-Konto ein und wählen Sie die gewünschte Website aus. Danach öffnen Sie die Site-Einstellungen und suchen Sie den Abschnitt "Blöcke bearbeiten".
Nach dem Öffnen des Blockeditors können Sie Änderungen an Ihrer Website vornehmen und neue Elemente wie ein Akkordeon hinzufügen.
