Page Editor Tipps

Diese Tipps helfen, wenn eine Page zwar technisch funktioniert, aber optisch noch nicht sauber sitzt. Der wichtigste Hebel ist fast immer die Struktur: Sections, Slots, Breiten und Abstände.

Inhalte Zentrieren

Wenn ein Inhalt nicht die komplette Breite nutzen soll, kannst du ihn mit leeren Slots seitlich eingrenzen.

Aufbau:

Dadurch entsteht ein zentrierter Inhaltsbereich, ohne dass du den Inhalt selbst künstlich kleiner bauen musst.

Seitliche Breite Begrenzen

Nutze leere Slots, wenn ein Bereich optisch mehr Luft links und rechts braucht.

Beispiel:

1. Section mit mehreren Slots wählen oder erstellen.
2. Links einen leeren Slot lassen.
3. In die Mitte die eigentliche Komponente setzen.
4. Rechts einen leeren Slot lassen.
5. Die Slot-Breiten anpassen, bis der mittlere Bereich richtig sitzt.

Tipp: Definiere nur die Breite des Slots mit Inhalt. Die leeren Slots teilen sich dann den restlichen Breitenbereich und bleiben gleich groß. Das ist der sauberste Weg für gleichmäßige Abstände links und rechts.

Das ist besonders stark für:

• Donation Box mittig auf der Page
• kurze Intro-Texte
• Creator Links als kompakter Block
• Goal Card ohne volle Seitenbreite
• HTML + CSS Blöcke, die nicht über die ganze Fläche laufen sollen

Main-Bereich Begrenzen

Wenn die komplette Section nicht breiter werden soll, begrenze den Main-Bereich über die passenden Properties. Das ist sinnvoll, wenn mehrere Inhalte zusammen eine feste maximale Breite haben sollen.

Nutze diesen Weg, wenn:

• alle Komponenten in einer Section gemeinsam begrenzt werden sollen
• die Page auf großen Screens sonst zu breit wirkt
• du eine klare Content-Spalte statt voller Bildschirmbreite willst

Leere Slots Oder Main Lock

Guter Standardaufbau

Für viele Bereiche funktioniert dieser Aufbau sehr gut:

Damit bleibt der Inhalt sauber in der Mitte und die Page wirkt weniger voll.

Vorschau Ohne Weiterleitung

Nutze die Vorschau ruhig dauerhaft in einem zweiten Tab. Sie ist live und übernimmt Änderungen direkt aus dem Editor.

Externe Links öffnen in der Vorschau bewusst nicht. Das betrifft normale href-Links, Creator Links und CTA Buttons. Der Vorteil: Du kannst Inhalte, Hover-Zustände, Klickflächen und Layout prüfen, ohne dass dich die Vorschau auf eine externe Seite weiterleitet.

Speichern bleibt trotzdem wichtig. Die Vorschau zeigt dir den aktuellen Arbeitsstand, die öffentliche Tipp Page nutzt die gespeicherte und veröffentlichte Version.

Häufiger Fehler

Verkleinere nicht jede Komponente einzeln, nur weil sie zu breit aussieht. Prüfe zuerst, ob die Section oder die Slot-Struktur besser angepasst werden sollte.

In vielen Fällen ist die sauberste Lösung:

1. Section wählen.
2. Slots passend setzen.
3. Breiten der Slots anpassen.
4. Komponente in den mittleren Slot legen.
5. Erst danach Farben, Abstände und Typografie feinjustieren.