Mit dem Spacer-Block können Sie präzise vertikale Abstände zwischen anderen Blöcken auf Ihren SeedProd-Seiten hinzufügen. Anstatt sich auf die Einstellungen für Ränder und Abstände zu verlassen, die über einzelne Blöcke verteilt sind, bietet Ihnen der Spacer ein spezielles, sichtbares Element, das Sie an beliebiger Stelle in Ihrem Layout platzieren können, um den Abstand zwischen Abschnitten, Überschriften, Bildern oder anderen Inhalten zu steuern.

Was den Spacer-Block besonders nützlich macht, ist seine Höhensteuerung pro Gerät. Sie können für Desktop-, Tablet- und Mobilbildschirme unabhängig voneinander unterschiedliche Spacer-Höhen festlegen, sodass Ihre Seitenabstände auf jedem Gerät bewusst und ausgefeilt wirken, ohne die Einstellungen anderer Blöcke zu beeinträchtigen.

Anforderungen:Der Spacer-Block ist in allen unserenLizenzplänen verfügbar.

Hinzufügen des Spacer-Blocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen Spacer-Block zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter „Design“ > „Blöcke“ den Abstandhalter-Block per Drag & Drop in den gewünschten Abschnitt Ihrer Seite zwischen die Elemente, die Sie voneinander trennen möchten.

Schritt 2: Konfigurieren Sie die Abstandshalterhöhe

Klicken Sie nach dem Hinzufügen auf den Spacer-Block, um dessen Einstellungen zu öffnen. Der Spacer-Bereich enthält eine einzige Höhensteuerung mit Schiebereglern für jedes Gerät, sodass Sie genau festlegen können, wie viel Platz auf jeder Bildschirmgröße angezeigt wird.

• Höhe (Desktop): Stellen Sie die Abstandshöhe für Desktop-Bildschirme mit dem Schieberegler ein (0–500 px). Klicken Sie auf das Desktop-Symbol, um diesen Wert zu bearbeiten.
• Höhe (Tablet): Stellen Sie die Abstandshöhe für Tablet-Bildschirme mit dem Schieberegler ein (0–500px). Klicken Sie auf das Tablet-Symbol, um in den Tablet-Bearbeitungsmodus zu wechseln und den Wert unabhängig vom Desktop anzupassen.
• Höhe (Mobil): Stellen Sie die Abstandshöhe für mobile Bildschirme mit dem Schieberegler ein (0–500 px). Klicken Sie auf das Mobil-Symbol, um in den Bearbeitungsmodus für Mobilgeräte zu wechseln und den Wert unabhängig von Desktop und Tablet anzupassen.

Schritt 3: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des Spacer-Blocks abgeschlossen haben, speichern Sie Ihre Arbeit.

Sie haben erfolgreich einen Spacer-Block zu Ihrer Seite hinzugefügt! Verwenden Sie ihn überall dort, wo Ihr Layout einen kontrollierten Abstand benötigt – zwischen einem Hero-Bereich und Ihrer ersten Inhaltszeile, zwischen einer Überschrift und einem Bild oder überall dort, wo der Standardabstand zwischen Blöcken nicht zu Ihrem Design passt. Mit unabhängigen Höhenwerten für Desktop, Tablet und Mobilgeräte können Sie den vertikalen Rhythmus Ihrer Seite auf jedem Gerät feinabstimmen, ohne die Einstellungen anderer Blöcke zu verändern.