Der Abstandsblock ermöglicht es Ihnen, präzise vertikale Abstände zwischen anderen Blöcken auf Ihren SeedProd-Seiten hinzuzufügen. Anstatt sich auf Margin- und Padding-Einstellungen zu verlassen, die über einzelne Blöcke verstreut sind, bietet der Abstandshalter ein dediziertes, sichtbares Element, das Sie überall in Ihrem Layout platzieren können, um den Freiraum zwischen Abschnitten, Überschriften, Bildern oder anderen Inhalten zu steuern.

Was den Abstandsblock besonders nützlich macht, ist seine geräteabhängige Höhensteuerung. Sie können für Desktop-, Tablet- und Mobilbildschirme unabhängig voneinander eine andere Abstandshöher festlegen, sodass der Seitenabstand auf jedem Gerät beabsichtigt und poliert aussieht, ohne die Einstellungen anderer Blöcke zu beeinträchtigen.

Voraussetzungen: Der Abstandsblock ist in allen unseren Lizenzplänen verfügbar.

Hinzufügen des Abstandsblocks zu Ihren Seiten

Befolgen Sie diese Schritte, um Ihrer SeedProd-Seite einen Abstandsblock hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter Design > Blöcke den Abstandshalter-Block in den gewünschten Bereich Ihrer Seite zwischen die Elemente, die Sie voneinander absetzen möchten.

Schritt 2: Konfigurieren Sie die Abstandshöhe

Nach dem Hinzufügen klicken Sie auf den Abstandsblock, um seine Einstellungen zu öffnen. Der Abschnitt Abstandshalter enthält eine einzelne Höhe-Steuerung mit geräteabhängigen Schiebereglern, sodass Sie genau definieren können, wie viel Platz auf jeder Bildschirmgröße angezeigt wird.

• Höhe (Desktop): Legen Sie die Höhe des Abstandshalters für Desktop-Bildschirme mit dem Schieberegler (0–500 Pixel) fest. Klicken Sie auf das Desktop-Symbol, um diesen Wert zu bearbeiten.
• Höhe (Tablet): Legen Sie die Höhe des Abstandshalters für Tablet-Bildschirme mit dem Schieberegler (0–500 Pixel) fest. Klicken Sie auf das Tablet-Symbol, um in den Tablet-Bearbeitungsmodus zu wechseln und den Wert unabhängig vom Desktop anzupassen.
• Höhe (Mobil): Legen Sie die Höhe des Abstandshalters für Mobilbildschirme mit dem Schieberegler (0–500 Pixel) fest. Klicken Sie auf das Mobil-Symbol, um in den Mobil-Bearbeitungsmodus zu wechseln und den Wert unabhängig von Desktop und Tablet anzupassen.

Schritt 3: Speichern Sie Ihre Änderungen

Sobald Sie die Konfiguration des Abstandsblocks abgeschlossen haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.

Sie haben erfolgreich einen Abstandsblock 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 Ihrem Design entspricht. Mit unabhängigen Höhenwerten für Desktop, Tablet und Mobilgeräte können Sie den vertikalen Rhythmus Ihrer Seite auf allen Geräten feinabstimmen, ohne die Einstellungen anderer Blöcke zu ändern.