Wie du ganz leicht Ausklapp- und Akkordeon-Menüs bei Squarespace baust
Wenn du deine Squarespace-Website planst, möchtest du bestimmt, dass die Website später übersichtlich ist, damit sich deine Besucher gut zurechtfinden.
Dazu brauchst du ein gut strukturiertes Hauptmenü, – auch wenn du viele Unterseiten hast. Seiten mit langem Fließtext sollten ebenfalls übersichtlich gestaltet sein.
Mit einem Ausklapp- und Akkordeon-Menü kannst du in beiden Fällen für Ordnung sorgen. Beides lässt sich bei Squarespace leicht bauen.
Inhaltsverzeichnis:
👉 Du startest gerade erst? Teste Squarespace hier 14 Tage lang gratis & hol dir mit dem Code VICTORIA10 10% Rabatt auf dein erstes Jahr! (Das ist natürlich Werbung für meinen Liebling Squarespace)
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Ausklappmenü im Hauptmenü bei Squarespace erstellen
Im Hauptmenü kannst du mithilfe von Ordnern ein Ausklappmenü erstellen.
Dazu gehst du wie folgt vor:
Klicke im Hauptmenü auf Seiten und dann in der Hauptnavigation auf das +
Klicke auf Ordner (im Abschnitt Mehr)
Jetzt erscheint in der Hauptnavigation ein Ordner. Benenne den Ordner so, wie du ihn im Hauptmenü angezeigt haben möchtest.
Übrigens musst du beachten, dass ein Ordner keine Seite ist und du ihm deshalb keine Inhalte hinzufügen kannst.
(Diese Frage bekomme ich ständig gestellt! Bei anderen Systemen wie Wordpress - oder auch der alten Squarespace-Version ging das noch. Der Grund, warum das jetzt nicht mehr geht, ist der Folgende: Mobil ist es besonders schwer zu verstehen, ob man jetzt auf einen Ordner klicken kann oder darunter in die Ebene muss. Squarespace macht es dir hier recht einfach.)
Stattdessen fügst du immer bestimmte Seiten in einen Ordner. Diese Seiten erscheinen dann als Drop-down-Menü-Element im Hauptmenü.
So kommen die Seiten in deinen Ordner:
Eine vorhandene Seite ziehst du einfach mit der Maus in das Feld unter dem Ordner. Wenn du eine neue Seite hinzufügen möchtest, klickst du auf Seite hinzufügen unter dem Ordner.
Die Reihenfolge der Seiten kannst du ganz einfach ändern, indem du eine Seite mit der Maus innerhalb des Ordners an eine andere Stelle verschiebst. Natürlich kannst du einen Ordner auch wieder löschen. Fahre dazu mit dem Cursor über den Ordner und klicke auf den Papierkorb.
Jetzt, wo du ein übersichtliches Hauptmenü hast, möchtest du bestimmt auch Seiten, die viel Fließtext haben, stylen. 😃
Also weiter im Programm: Akkordeons.
Kurz zur Intro: Wo sind Akkordeons überhaupt sinnvoll?
Ein Akkordeon-Block ist perfekt, wenn du viel Inhalt auf einer kleinen Fläche darstellen möchtest. Wenn du also nicht viel Platz hast, aber viel Infos unterbringen willst Es ist quasi eine ausklappbare Liste, wo der Text erst dargestellt wird, wenn man auf die Überschrift klickt.
Das ist besonders bei ausführlichen FAQ-Abschnitten praktisch und sorgt für einen aufgeräumten Look.
Aber nicht nur bei Frage-Antwort-Seiten ist das relevant! Überall, wo du viel Text hast - aber dieser Text nicht für ALLE Leser zwingend relevant ist, solltest du mit Akkordeons arbeiten.
Das kann zum Beispiel der Fall sein, wenn du Hintergrundinfos hast, die sehr tief ins Detail gehen, aber nicht für jeden relevant sind - wie in bestimmten Bereichen deiner Über-mich-Seite.
Zwei sehr gute Beispiele für Über-mich-Seiten sind die Akkordeons auf diesen Über-mich-Seiten: Klar & Kraftvoll oder Fly High Academy
Du siehst dort ganz genau, welche Bereiche “tiefere, weiterführende Infos für besonders Interessierte” sind (nämlich die in Akkordeons) und welche für alle Leser relevant sind.
So baust du einen Akkordeon-Block innerhalb von Texten:
Den Akkordeon-Block wählst du einfach über das Menü aus und setzt ihn an die gewünschte Stelle.
Squarespace bietet für den Akkordeon-Block einige Designmöglichkeiten. Du kannst zum Beispiel bestimmte Schriftstile zuweisen, die Ausrichtung und den Abstand anpassen.
Es gibt beim Akkordeon-Block noch mehr zu stylen:
Du kannst Pfeil- oder Plussymbole auswählen.
Die Trennlinien (Teiler) können in ihrer Deckkraft und Dicke angepasst werden oder du lässt sie ganz weg.
Unter Padding kannst du Abstände verringern.
Zwei Sachen sind besonders praktisch: Unter “Erstes Element erweitern” kannst du auswählen, ob das erste Element im Akkordeon schon aufgeklappt angezeigt werden soll. Und mit “Mehrere offene Elemente zulassen” kannst du bestimmen, dass mehrere Elemente offen bleiben. Das kann für eine bessere Orientierung im Text hilfreich sein.
Artikeltipp: Das sind die wichtigsten Inhaltsblöcke bei Squarespace
Den Text im Akkordeon-Block kannst du ebenfalls stylen:
Text (oder einzelne Wörter) lassen sich fett, kursiv und/oder unterstrichen darstellen.
Links lassen sich auch hinzufügen.
Die Reihenfolge der einzelnen Elemente kannst du durch verschieben ändern.
👉 Ständig frische Tipps für deine Squarespace-Website? Abonniere jetzt meinen Youtube-Kanal mit laufend neuen Tutorials! 🎥
Viel Spaß mit deinem Ausklapp- und Akkordeon-Menüs! Gerade wenn du längere Texte und deinen Website-Besucher bis jetzt “erschlagen” hast, ist das eine super Methode, längere Bereiche in eine tolle, übersichtliche Seite zu bringen.
Diese Artikel könnten dich ebenfalls interessieren:
