--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/studio-workflow' title: 'Einen Abschnitt gestalten, speichern und wiederverwenden | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:55:46+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- 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. tags: - 'Build your first page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Einen Abschnitt gestalten, speichern und wiederverwenden' description: |- 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. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:55:46+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/studio-workflow' articleSection: 'Erste Seite erstellen' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/studio-workflow' description: |- 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. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Hier starten](/de/hc/documentation/learn-dxpr-builder/start-here) /[Erste Seite erstellen](/de/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Einen Abschnitt gestalten, speichern und wiederverwenden. DXPR Builder lernenHier startenErste Seite erstellen ## In diesem Leitfaden Verwandte Leitfäden - [Einen Abschnitt speichern und wiederverwenden](/de/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) 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](/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/erste-seite). ## 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](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/abstaende): Padding und Margins im Boxmodell. - [Typografie](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/typografie): Schriftgröße und Schriftfarbe. - [Farben und Branding](/de/hc/dokumentation/dxpr-builder-lernen/design/farben-und-branding): Farben, die zu Ihrer Marke passen. - [Rahmen und Schatten](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/rahmen-und-schatten): Eckenradius, Rahmenstil und Schlagschatten. - [Hintergründe](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/hintergrund): Farben, Bilder und Effekte hinter einem Element. - [Rows und Columns](/de/hc/dokumentation/dxpr-builder-lernen/layout/zeilen-und-spalten) und [Responsives Design](/de/hc/dokumentation/dxpr-builder-lernen/design/responsives-design): Layouts und Bildschirmgrößen. - [Benutzervorlagen](/de/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) und [Saved-templates-Tab](/de/hc/documentation/learn-dxpr-builder/reusable-templates/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](/de/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates): Ihre Vorlagen verwalten, teilen und löschen. - [Design-Anleitungen](/hc/documentation/learn-dxpr-builder/design/overview): Farben, Buttons, Cards und Layouts in voller Breite.