Einen Abschnitt gestalten, speichern und wiederverwenden.

Bauen Sie einen Abschnitt mit Sorgfalt und nutzen Sie ihn auf jeder Seite wieder, die ihn braucht. Sie gestalten einen Tag-der-offenen-Tür-Callout mit Abständen, größerer Schrift, Markenfarben und runden Ecken. Dann speichern Sie die Seite, behalten den Abschnitt als Vorlage und fügen ihn erneut ein. Jeder Gestaltungsschritt hat seine eigene Anleitung, wenn Sie mehr Details möchten.

Das Video gestaltet den Callout, speichert ihn als Vorlage und fügt ihn ein zweites Mal ein.

Bevor Sie beginnen

• Sie können eine Seite mit DXPR Builder bearbeiten und sie hat einen Abschnitt zum Arbeiten. Siehe Ihre erste Seite erstellen.

Einrichten

1. Klicken Sie auf das + im Abschnitt, öffnen Sie den Content-Tab der Elementauswahl und wählen Sie Text. Sein Einstellungsdialog öffnet sich.
2. Geben Sie Ihre Ankündigung ein und stellen Sie ihre erste Zeile auf Heading 2.
3. Öffnen Sie das Style-Panel desselben Dialogs und stellen Sie oben und unten von Padding 40 Pixel im Boxmodell ein.
4. Stellen Sie Font size auf 20.
5. Wählen Sie ein weißes Font color und ein marineblaues Background.
6. Stellen Sie Border radius auf 12 und klicken Sie auf Speichern.
7. Klicken Sie in der DXPR-Builder-Symbolleiste auf Speichern.
8. Zeigen Sie auf den Callout und klicken Sie auf More auf der äußersten Steuerleiste, der für den ganzen Abschnitt, wählen Sie dann Save as template, geben Sie einen Template name ein, kreuzen Sie Global template an und klicken Sie auf Speichern.
9. Klicken Sie auf das + in der DXPR-Builder-Symbolleiste, öffnen Sie den Tab Saved templates und klicken Sie auf Ihre Vorlage.
10. Klicken Sie in der DXPR-Builder-Symbolleiste auf Speichern.

Was Sie sehen

Der Callout ist ein marineblauer Block mit weißem, größerem Text, Raum darüber und darunter und runden Ecken. Nach Schritt 9 sitzt eine zweite Kopie auf der Seite. Die Kopie ist unabhängig: Ändern Sie ihren Text und der erste Callout bleibt, wie er war. Ihre Vorlage wartet nun im Tab Saved templates auf jeder Seite. Mit angekreuztem Global template sehen sie auch andere Mitglieder Ihrer Redaktion.

Jeder Gestaltungsschritt hat eine eigene Anleitung:

• Abstände: Padding und Margins im Boxmodell.
• Typografie: Schriftgröße und Schriftfarbe.
• Farben und Branding: Farben, die zu Ihrer Marke passen.
• Rahmen und Schatten: Eckenradius, Rahmenstil und Schlagschatten.
• Hintergründe: Farben, Bilder und Effekte hinter einem Element.
• Rows und Columns und Responsives Design: Layouts und Bildschirmgrößen.
• Benutzervorlagen und Saved-templates-Tab: Abschnitte speichern und wiederverwenden.

Wenn Sie Ihre Vorlage nicht sehen

• Die Vorlage ist nicht im Saved-templates-Tab. Das Speichern wurde nicht fertig oder Sie sind auf einer anderen Website. Speichern Sie den Abschnitt erneut über sein More-Menü und suchen Sie in Search nach dem Vorlagennamen.
• Das More-Menü hat statt des Abschnitts die ganze Seite gespeichert. Sie haben More in der DXPR-Builder-Symbolleiste genutzt. Nutzen Sie More auf der Steuerleiste des Abschnitts selbst, der äußersten.
• Der Text wurde nicht größer oder weiß. Sie haben die Einstellungen eines anderen Elements geändert. Öffnen Sie die Settings des Text-Elements selbst und prüfen Sie Font size und Font color in seinem Style-Panel.

Wie geht es weiter?

• Benutzervorlagen: Ihre Vorlagen verwalten, teilen und löschen.
• Design-Anleitungen: Farben, Buttons, Cards und Layouts in voller Breite.