So richten Sie Elemente in GemPages aus

Warum die Elementausrichtung in GemPages wichtig ist

Die richtige Ausrichtung ist die Grundlage für ein klares, benutzerfreundliches Seitendesign. In GemPages sorgt die Ausrichtung Ihrer Elemente – wie Schaltflächen, Bilder, Text oder Formulare – dafür, dass Ihr Layout auf allen Geräten ansprechend, lesbar und reaktionsschnell aussieht.

So richten Sie Elemente in GemPages aus (Schritt-für-Schritt-Anleitung)

Für Einzelelemente

Schritt 1: Klicken Sie im Editor auf das Element.

Schritt 2: Gehen Sie in der linken Seitenleiste zu Einstellungen Tab.

Schritt 3: Scrollen Sie nach unten zum Ausrichten . Wählen Sie Links, Mitte oder Rechts.

Für Zeilen mit mehreren Elementen

Schritt 1: Wähle aus Reihe.

Schritt 2: Wählen Sie in den Einstellungen Spalte ausrichten. Stellen Sie es auf „Zentriert“ oder „Verteilen“ ein, um untergeordnete Elemente gleichmäßig zu verteilen.

Erweiterte Ausrichtung: Abstands- und Positionseinstellungen

Für mehr Kontrolle verwenden Sie die Registerkarte „Erweitert“ in der Seitenleiste.

Verwenden Sie Ränder, um den Abstand anzupassen

• Gehe zu Erweitert > Abstand.
• Erhöhen oder verringern Sie die Ränder oben, unten, links oder rechts.
• Verwenden Sie negative Ränder, um ein Element außerhalb seiner normalen Begrenzung zu verschieben.

Position für präzise Steuerung nutzen

• Gehe zu Erweitert > Position.
  Wähle aus:
  • Statisch (Default)
  • Relativ (Versatz zur ursprünglichen Position)
  • Absolute (genau innerhalb seines übergeordneten Elements platziert)
  • Behoben (klebt beim Scrollen am Bildschirm)
  • Klebrig (Sticky) (bleibt hängen, nachdem über einen bestimmten Punkt hinaus gescrollt wurde)

Wie zentriert man ein Element unter einem anderen?

Wenn Sie möchten, dass eine Schaltfläche, ein Bild oder ein beliebiges Element direkt unter einem anderen angezeigt wird und zentriert bleibt, führen Sie die folgenden Schritte aus:

Schritt 1: Ein einspaltiges Zeilenelement hinzufügen

Ziehen Sie aus der linken Seitenleiste ein einspaltiges Zeilenelement per Drag & Drop in den Entwurfsbereich. 

Schritt 2: Platzieren Sie beide Elemente in derselben Spalte

Ziehen Sie das zweite Element (z. B. eine Schaltfläche) direkt unter das erste (z. B. ein Symbol) innerhalb derselben Spalte.

Schritt 3: Richten Sie jedes in der Zeile verschachtelte Element zur Mitte aus

Klicken Sie auf Taste Element, um seine Einstellungen im linken Bereich zu öffnen. Scrollen Sie dann nach unten zum Ausrichten Abschnitt und wählen Sie „Mittig ausgerichtet“ aus.

Fahren Sie mit dem fort Icon Element.

Jetzt ist das Symbolelement zentriert unter dem Schaltflächenelement. 

Schritt 5: Passen Sie den Abstand bei Bedarf an

Klicken Sie auf das übergeordnete Zeilenelement, um dessen Einstellungsfenster zu öffnen. Wechseln Sie zum Erweitert Tab und scrollen Sie nach unten zum Abstand .

In diesem Abschnitt können Sie einen oberen oder unteren Rand festlegen, um den gewünschten Abstand zwischen den Elementen zu schaffen.

Auf diese Weise können Sie ganz einfach Layouts wie eine zentrierte Schaltfläche unter Text oder ein Bild unter einer Überschrift erstellen und so sicherstellen, dass auf allen Geräten alles ausgewogen aussieht.

Häufig gestellte Fragen

1. Kann ich in GemPages ein Element direkt unter einem anderen zentrieren?

Ja. Platzieren Sie beide Elemente in derselben Spalte und legen Sie dann die Ausrichtung jedes Elements fest auf Center. Verwenden Sie bei Bedarf margin-top oder margin-bottom in der Erweitert Einstellungen zum Anpassen des Abstands.

2. Wie richte ich mehrere Elemente gleichmäßig in einer Reihe aus?

Wählen Sie die Zeile aus, die Ihre Elemente enthält. Im Einstellungen Tab, wählen Sie Spalte ausrichten und stellen Sie es auf Zentriert oder Verteilen ein. Auf diese Weise werden alle untergeordneten Elemente gleichmäßig über die Zeile verteilt.

3. Was ist der Unterschied zwischen Ausrichtung und Position in GemPages?

Die Ausrichtung definiert, wie Elemente relativ zu ihrem Container platziert werden (links, Mitte, rechts), während die Position eine präzisere Kontrolle bietet (statisch, relativ, absolut, fest, klebrig).