So bearbeiten Sie den Abstand mithilfe des Sperr-/Entsperrsymbols

Bei der Gestaltung Ihrer Shopseiten in GemPages macht die richtige Abstände zwischen den einzelnen Elementen den Unterschied zwischen einer professionell wirkenden und einer überladenen Seite aus. Polsterung ist eine der wichtigsten Abstandssteuerungen; sie definiert den inneren Abstand zwischen dem Inhalt eines Elements und seinem Rahmen an der oberen, rechten, unteren und linken Seite.

Um das Bearbeiten von Padding schneller und flexibler zu gestalten, bietet GemPages eine Sperr-/Entsperrsymbol Damit können Sie entweder alle vier Seiten gleichzeitig oder jede Seite einzeln einstellen. Diese Anleitung erklärt Ihnen Schritt für Schritt, wie es funktioniert.

Was ist Padding in GemPages?

Polsterung Der Innenabstand eines Elements bestimmt, wie viel Freiraum zwischen dem Inhalt (Text, Bild, Schaltfläche usw.) und den Rändern des ihn enthaltenden Containers besteht.

In GemPages verfügt jedes Element über vier Padding-Werte, die Sie anpassen können:

• Oben: Leerzeichen über dem Inhalt
• Rechts: Platz rechts neben dem Inhalt
• Slip: Platz unterhalb des Inhalts
• Links: Leerzeichen links vom Inhalt

Durch die korrekte Anpassung der Abstände können Sie ausgewogene Layouts erstellen, die Lesbarkeit verbessern und sicherstellen, dass Ihr Design sowohl auf Desktop- als auch auf Mobilgeräten gut aussieht.

Wo finde ich die Einstellung für die Polsterung?

So greifen Sie auf die Padding-Steuerelemente für jedes Element in GemPages zu:

1. Öffnen Sie Ihre Seite im GemPages-Editor.
2. Klicken Sie auf das Element, das Sie bearbeiten möchten (z. B. eine Überschrift, ein Bild, eine Schaltfläche oder einen Abschnitt).
3. Scrollen Sie in der rechten Seitenleiste nach unten zu Abstand .

Sie sehen vier Eingabefelder für Oben, Rechts, Unten und Links mit einem kleinen Schloss-Symbol Im Zentrum.

Mit dem Schloss-/Entsperrsymbol den Abstand bearbeiten

Das Schlosssymbol in der Mitte der Padding-Steuerelemente ist der Schlüssel zur flexiblen Bearbeitung. Es hat zwei Zustände:

Gesperrter Modus: Alle 4 Seiten gleichzeitig bearbeiten

Wenn das Symbol angezeigt wird als verschlossenAlle vier Padding-Werte sind miteinander verknüpft. Das bedeutet, dass sich die anderen drei automatisch aktualisieren, sobald Sie einen Wert ändern.

Wann sollte der gesperrte Modus verwendet werden?

• Sie wollen gleichmäßiger Abstand auf allen Seiten eines Elements.
• Sie wenden einheitliche Abstände auf Schaltflächen, Karten oder Abschnitte an, bei denen Symmetrie wichtig ist.
• Sie möchten Zeit sparen, indem Sie nicht jede Seite manuell einstellen müssen.

Anwendung:

1. Stellen Sie sicher, dass sich das Schlosssymbol im Bereich befindet. geschlossen/verriegelt Zustand.
2. Klicken Sie auf eines der vier Eingabefelder (oben, rechts, unten oder links).
3. Geben Sie den gewünschten Wert ein (zum Beispiel, 20px).
4. Alle vier Seiten werden sofort auf denselben Wert aktualisiert.

Freigeschalteter Modus: Jede Seite einzeln bearbeiten

Wenn Sie auf das Schlosssymbol klicken, wechselt es in den entriegelt Zustand. Nun ist jeder der vier Padding-Werte unabhängig, und Sie können für jede Seite eine andere Zahl festlegen.

Wann sollte der entsperrte Modus verwendet werden?

• Du brauchst asymmetrischer AbstandZum Beispiel mehr Polsterung oben als unten.
• Sie optimieren gerade einen Hero-Bereich, ein Banner oder ein spezielles Layout.
• Sie möchten ein Element an umgebenden Inhalten ausrichten, die keinen einheitlichen Abstand aufweisen.

Anwendung:

1. Klicken Sie auf das Schlosssymbol, um es in den entsprechenden Modus zu schalten. entriegelt Zustand.
2. Klicken Sie auf das Eingabefeld der Seite, die Sie ändern möchten (Oben, Rechts, Unten oder Links).
3. Geben Sie den Wert ein, den Sie für diese spezifische Seite benötigen.
4. Nur die von Ihnen bearbeitete Seite wird sich ändern, die anderen drei bleiben unverändert.

Kurzer Vergleich: Gesperrt vs. Entsperrt

Tipps zum effektiven Bearbeiten von Padding

Um beim Arbeiten mit Padding in GemPages optimale Ergebnisse zu erzielen, sollten Sie folgende Tipps beachten:

• Im gesperrten Modus starten Für eine saubere Ausgangsbasis wechseln Sie in den Modus „Entsperrt“, wenn Sie bestimmte Seiten feinabstimmen müssen.
• Reaktionsfähigkeit prüfen — Wechseln Sie im Editor zwischen Desktop-, Tablet- und Mobilansicht, um sicherzustellen, dass Ihre Abstände auf jeder Bildschirmgröße gut aussehen.
• Verwenden Sie konsistente Werte über ähnliche Elemente (wie zum Beispiel alle Ihre Abschnittsüberschriften oder Produktkarten) für ein professionelleres, einheitlicheres Design.
• Übermäßige Polsterung vermeiden — Zu viel Leerraum kann wichtige Inhalte unter die sichtbare Seite verschieben und die Benutzerfreundlichkeit beeinträchtigen.
• Kombiniere Padding und Margin. Durchdacht: Padding steuert den inneren Abstand, Margin den äußeren. Nutzen Sie beides für eine präzise Layoutsteuerung.

Häufig gestellte Fragen

1. Kann ich unterschiedliche Padding-Werte für Desktop und Mobilgeräte festlegen?

Ja. Mit GemPages können Sie für jeden Gerätetyp ein responsives Padding festlegen. Wechseln Sie in der Editor-Symbolleiste die Geräteansicht (Desktop, Tablet, Mobilgerät) und passen Sie das Padding für jedes Gerät separat an.

2. Welche Einheiten kann ich für die Auffüllung verwenden?

GemPages unterstützt typischerweise px (Pixel) für Padding-Werte. Pixel ermöglichen eine präzise Steuerung des Abstands auf jedem Bildschirm.