Bannergröße, Farben und Texteinstellungen konfigurieren?
Fragestellungen:
- Wie ändere ich die Abstände rund um mein Banner?
- Wie lege ich eine Hintergrundfarbe fest?
- Wie formatiere ich die Überschrift und die Unterüberschrift?
Beschreibung:
In dieser Anleitung erfahren Sie, wie Sie den strukturellen Abstand, die Hintergrundfarbe und die Textsichtbarkeit Ihrer Banner-Komponenten anpassen können. Mit diesen Einstellungen können Sie sicherstellen, dass sich Ihre Inhalte nahtlos in das Seitenlayout einfügen und mit Ihrer Markentypografie harmonieren.
Wir zeigen Ihnen Schritt für Schritt, wie Sie:
- Leerzeichen anpassen: Ränder, Innenabstände und die Darstellung in voller Breite steuern.
- Hintergründe festlegen: Wählen Sie eine Volltonfarbe aus der Palette aus.
- Die Typografie formatieren: Überschriften, Unterüberschriften und Lauftext ein- und ausblenden und dabei die Ausrichtung anpassen.
Vorgehen:
-
Die Einstellungen für „Größe und Leerzeichen“, „Hintergrundfarbe“, „Titeltext“ und „Text“ befinden sich im oberen Bereich der Komponenteneinstellungen. Die verfügbaren Konfigurationsoptionen werden entsprechend der ausgewählten Komponente angezeigt.
-
Fensterbreite anzeigen/ausblenden
Aktivieren Sie den Schalter „Volle Fensterbreite verwenden“, um Ihr Banner auf den gesamten Bildschirm auszudehnen.
-
Ränder und Innenabstände anpassen
Verwenden Sie die Plus- und Minus-Schaltflächen, um den Abstand für die oberen und unteren Ränder sowie den Innenabstand zu vergrößern oder zu verkleinern. Damit steuern Sie den Leerraum innerhalb und außerhalb des Container Ihrer Komponente.
-
Hintergrundfarbe ändern
Wählen Sie einen einfarbigen Farbton aus der Farbtabelle aus, um eine Hintergrundfarbe festzulegen. Sie können auch auf das Symbol mit dem durchgestrichenen Kreis klicken, um die Hintergrundfarbe vollständig zu entfernen.
-
Konfigurieren Sie die Hauptüberschrift
Aktivieren Sie den Schalter „Überschrift rendern“, um Ihre Hauptüberschrift anzuzeigen. Wählen Sie über die Dropdown-Menüs die Überschriftenebene (z. B. H2) aus und klicken Sie auf das Ausrichtungssymbol, um den Text zu positionieren.
-
Unterüberschrift aktivieren
Aktivieren Sie den Schalter „Untertitel anzeigen“, wenn Sie unter Ihrem Haupttitel eine zusätzliche Textzeile anzeigen möchten.
-
Den Textkörper formatieren
Aktivieren Sie den Schalter „Inhalt rendern“, um den Text Ihres Hauptabsatzes sichtbar zu machen. Verwenden Sie das zugehörige Dropdown-Menü und die Ausrichtungssymbole, um diesen Textblock zu formatieren und zu positionieren.
Tips und Tricks:
Profi-Tipps:
- Verwenden Sie Abstände, um innerhalb Ihres Banners etwas Freiraum zu schaffen und zu verhindern, dass der Text die äußersten Ränder des Containers berührt.
- Sehen Sie sich die Ausrichtung Ihrer Überschriften immer auf verschiedenen Bildschirmgrößen in der Vorschau an, um sicherzustellen, dass der Text auf Mobilgeräten zentriert oder korrekt ausgerichtet bleibt.
Warnungen:
- Wenn Sie die Schaltflächen „Überschrift rendern“ oder „Inhalt rendern“ deaktivieren, wird dieser Text auf der Live-Seite vollständig ausgeblendet, selbst wenn Sie bereits Informationen in diese Felder eingegeben haben.
- Seien Sie vorsichtig, wenn Sie die oberen oder unteren Ränder deutlich vergrößern, da dies zu ungewöhnlich großen Leerräumen zwischen den Abschnitten auf Ihrer Live-Seite führen kann.