--- title: Seite anlegen description: "Seiten auf sanifair.de werden über **Seiten > Neue Seite hinzufügen** angelegt. Der eigentliche Seiteninhalt wird mit dem ACF Flexible Content Feld **Page Components** aufgebaut, das unterhalb des Gutenberg-Editors im Classic-Editor-Bereich erscheint. ## Neue Seite anlegen 1. Navigiere zu **Seiten >…" url: "https://www.sanifair.de/docs/seite-anlegen/" updated: "2026-04-01" category: Inhalte hinzufügen und bearbeiten --- # Seite anlegen Seiten auf sanifair.de werden über **Seiten > Neue Seite hinzufügen** angelegt. Der eigentliche Seiteninhalt wird mit dem ACF Flexible Content Feld **Page Components** aufgebaut, das unterhalb des Gutenberg-Editors im Classic-Editor-Bereich erscheint. ## Neue Seite anlegen 1. Navigiere zu **Seiten > Seite hinzufügen**. 2. Gib einen Titel ein. 3. Scrolle nach unten zum Bereich **Page Components**. 4. Klicke auf **Add Component**, um einen neuen Block auszuwählen. 5. Wähle den gewünschten Block-Typ aus der Liste der verfügbaren Blöcke. 6. Fülle die Felder des Blocks aus. 7. Wiederhole Schritte 4–6 für weitere Blöcke. 8. Klicke auf **Veröffentlichen** bzw. **Aktualisieren**. ## Verfügbare Blöcke (Page Components) Es stehen 32 Block-Typen zur Verfügung. Jeder Block wird über **Add Component** hinzugefügt und kann per Drag & Drop umsortiert werden. ## 1. Breadcrumb Zeigt eine Breadcrumb-Navigation am oberen Seitenrand. Standardmäßig wird die Breadcrumb automatisch generiert; sie kann aber auch manuell definiert werden. - **Breadcrumb-Modus:** Automatisch (Standard) oder Manuell - **Manuelle Breadcrumbs:** Wiederholbares Feld mit Titel und URL für jeden Pfad-Eintrag ### Backend ![1. Breadcrumb – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-breadcrumb-be.jpg) ## 2. Block: Anchor Setzt einen unsichtbaren Anker auf der Seite, zu dem per Hash-Link navigiert werden kann (z.B. `#kontakt`). - **Anchor Name:** Eindeutiger Name für den Anker (ohne #) ### Backend ![2. Block: Anchor – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockanchor-be.jpg) ## 3. Hero Slider Vollbreiter Bild-Slider für den oberen Seitenbereich. Unterstützt mehrere Slides mit Text und Button. - **Slides:** Wiederholbar – je Slide: Image, Headline, Text, Button (Text + Link) - **Options:** Theme, Autoplay ein/aus, Slider-Höhe ### Backend ![3. Hero Slider – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-heroslider-be.jpg) ### Frontend ![3. Hero Slider – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-heroslider-fe.jpg) ## 4. Video Block Zeigt ein Video mit Poster-Bild und Play-Button an. Geeignet für eingebettete oder selbst-gehostete Videos. - **Title / Subtitle:** Optionaler Über- und Untertitel - **Play Button Text:** Beschriftung des Play-Buttons - **Poster Image:** Vorschaubild vor dem Abspielen - **Video URL:** URL zum Video - **Overlay Farbe / Text Farbe:** Farbgebung des Overlays ### Backend ![4. Video Block – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-videoblock-be.jpg) ### Frontend ![4. Video Block – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-videoblock-fe.jpg) ## 5. Block: Teaser CTA Ein kompakter Call-to-Action-Block mit Überschrift, Unterzeile und Button. Gut für Zwischenrufe. - **Überschrift / Unterzeile:** Headline-Texte - **Button Link:** Ziel des Buttons - **Hintergrundfarbe / Button Stil / Größe:** Design-Einstellungen ### Backend ![5. Block: Teaser CTA – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockteasercta-be.jpg) ### Frontend ![5. Block: Teaser CTA – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockteasercta-fe.jpg) ## 6. Block: Hero-2 Erweiterter Hero-Block mit mehreren Teaser-Karten. Unterstützt Partnerschaftsmodelle als Unterpunkte. - **Überschrift / Untertitel:** Allgemeine Einstellungen - **Mindesthöhe (Desktop):** CSS-Höhe des Blocks - **Partnerschaftsmodelle:** Wiederholbar mit Titel, Kurzbeschreibung, Detailtext, Bild ### Backend ![6. Block: Hero-2 – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockhero2-be.jpg) ## 7. Block: Text Intro Einfacher Textblock für einleitende Absätze, typischerweise unter dem Hero. - **Überschrift / Beschreibungstext:** Hauptinhalt - **Überschriftengröße / Inhaltsbreite:** Layout-Optionen - **Button Label / Button Link:** Optionaler CTA-Button - **Hintergrundfarbe:** Design-Einstellung ### Backend ![7. Block: Text Intro – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktextintro-be.jpg) ### Frontend ![7. Block: Text Intro – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktextintro-fe.jpg) ## 8. Block: Hero Video Intro Kombiniert ein Hintergrundvideo mit anklickbaren Kacheln, die per Hover einen Overlay zeigen. - **Hintergrund Video:** MP4-Datei als Hintergrund - **Kacheln:** Wiederholbar – Typ (Text/Bild), Bar-Text, Überschrift (Hover), Beschreibung (Hover), Button Link ### Backend ![8. Block: Hero Video Intro – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockherovideointro-be.jpg) ### Frontend ![8. Block: Hero Video Intro – Frontend](https://www.sanifair.de/wp-content/uploads/2026/04/sf-block-blockherovideointro-fe.jpg) ## 9. Block: Teaser Text, Bild, CTA Zweispaltiger Block mit Text auf einer und Bild auf der anderen Seite, plus CTA-Button. - **Überschrift / Text:** Textinhalt - **Button Text / Button Link:** Aufruf zur Aktion - **Bild:** Zugeordnetes Bild - **Bild-Position / Bild-Breite:** Layout-Optionen - **Farben:** Hintergrundfarbe der Sektion ### Backend ![9. Block: Teaser Text, Bild, CTA – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockteasertextimagecta-be.jpg) ## 10. Block: Teaser Kachel Raster von Teaser-Kacheln mit Bild oder Icon, Überschrift und Text. - **Überschrift:** Optionaler Sektions-Titel - **Kacheln:** Wiederholbar – Kachel-Typ (Bild/Icon), Bild, Icon, Überschrift, Text, Link - **Hintergrundfarbe:** Farbe der Sektion ### Backend ![10. Block: Teaser Kachel – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockteaserkachel-be.jpg) ## 11. Block: Ansprechpartner Flip Zeigt Ansprechpartner-Karten mit Flip-Effekt (Vorder- und Rückseite). - **Titel / Hintergrundfarbe:** Sektions-Einstellungen - **Karten pro Reihe:** Layout für Desktop - **Ansprechpartner:** Wiederholbar – Vorderseite (Foto), Rückseite (Footer-Infos) ### Backend ![11. Block: Ansprechpartner Flip – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockcontactflip-be.jpg) ### Frontend ![11. Block: Ansprechpartner Flip – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockcontactflip-fe.jpg) ## 12. Block: Text Steps mit Bild Zeigt eine Schritt-für-Schritt-Liste mit Icons/Titeln/Beschreibungen neben einem Bild. - **Überschrift:** Sektions-Titel - **Schritte/Vorteile:** Wiederholbar – Icon, Titel, Beschreibung - **Medien:** Begleitbild zur Liste ### Backend ![12. Block: Text Steps mit Bild – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktextstepsimage-be.jpg) ### Frontend ![12. Block: Text Steps mit Bild – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktextstepsimage-fe.jpg) ## 13. Block: Promise Features Hebt Versprechen oder Alleinstellungsmerkmale mit Icon, Überschrift und Beschreibung hervor. - **Haupt-Überschrift:** Titel der Sektion - **Features:** Wiederholbar – Bild/Icon, Überschrift, Beschreibung ### Backend ![13. Block: Promise Features – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockpromisefeatures-be.jpg) ### Frontend ![13. Block: Promise Features – Frontend](https://www.sanifair.de/wp-content/uploads/2026/04/sf-block-blockpromisefeatures-fe.jpg) ## 14. Block: Blog Teaser Zeigt ausgewählte oder automatisch gezogene Blog-Beiträge als Teaser-Kacheln. - **Überschrift / Untertitel:** Sektions-Texte - **Posts auswählen / Fallback-Kategorie:** Inhaltsauswahl - **Button Text / Link:** Link zu allen Beiträgen - **Hintergrundfarbe:** Design-Option ### Backend ![14. Block: Blog Teaser – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockblogteaser-be.jpg) ## 15. Block: Blog Grid Vollständiges Blog-Raster mit Filteroptionen nach Kategorie. - **Featured Post:** Hervorgehobener Beitrag oben - **Posts pro Seite:** Anzahl der angezeigten Beiträge - **Auszüge anzeigen:** Textvorschau ein/aus - **Kategorie-Filter:** Filter-Leiste aktivieren - **Hintergrundfarbe:** Design-Option ### Backend ![15. Block: Blog Grid – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockbloggrid-be.jpg) ### Frontend ![15. Block: Blog Grid – Frontend](https://www.sanifair.de/wp-content/uploads/2026/04/sf-block-blockbloggrid-fe.jpg) ## 16. Block: Akkordeon Akkordeon-Komponente für aufklappbare Inhaltsabschnitte. Ideal für FAQs oder strukturierte Inhalte. - **Überschrift:** Optionaler Sektions-Titel - **Inhalte:** Wiederholbar – Icon, Titel, Text (aufklappbar) - **Hintergrundfarbe:** Design-Option ### Backend ![16. Block: Akkordeon – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockaccordion-be.jpg) ### Frontend ![16. Block: Akkordeon – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockaccordion-fe.jpg) ## 17. Block: Reiter Tab-Navigation mit mehreren Inhaltsbereichen, zwischen denen geklickt werden kann. - **Reiter:** Wiederholbar – Label, Titel, Text, Aufzählungen (mit Überschrift und Liste der Einträge) ### Backend ![17. Block: Reiter – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktabs-be.jpg) ### Frontend ![17. Block: Reiter – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktabs-fe.jpg) ## 18. Block: Interactive Worldmap Interaktive Weltkarte, auf der Standorte oder Regionen markiert werden können. - **Headline:** Überschrift der Karte ### Backend ![18. Block: Interactive Worldmap – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-worldmapinteractive-be.jpg) ### Frontend ![18. Block: Interactive Worldmap – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-worldmapinteractive-fe.jpg) ## 19. Block: Image Overlay Hintergrundbild oder -farbe mit überlagerten Inhalten. - **Hintergrund-Typ:** Bild oder Farbe - **Hintergrundbild / Hintergrundfarbe:** Hintergrund-Asset - **Inhaltsbild:** Vordergrund-Bild (optional) ### Backend ![19. Block: Image Overlay – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockimageoverlay-be.jpg) ## 20. Block: Card NL Karten-Layout, speziell für die niederländische Version der Website. - **Background Image / Background Color Class:** Hintergrund-Einstellungen - **Cards:** Wiederholbar – Card Image, Headline, Text ### Backend ![20. Block: Card NL – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockcardnl-be.jpg) ## 21. Block: Teaser Text, Bild, CTA NL Zweispaltiger Teaser-Block (Niederländisch) – analog zum deutschen Teaser Text, Bild, CTA. - **Überschrift / Text / Button Text / Button Link / Bild:** Wie beim deutschen Pendant - **Bild-Position / Bild-Breite:** Layout-Optionen ### Backend ![21. Block: Teaser Text, Bild, CTA NL – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockteasertextimagectanl-be.jpg) ## 22. Block: Zertifizierung / Qualitätssiegel Slider für Logos von Zertifizierungen oder Gütesiegeln. - **Überschrift / Überschrift Größe / Überschrift Farbe:** Titel-Einstellungen - **Hintergrundfarbe / Hintergrundbild:** Design - **Automatisches Abspielen / Autoplay Geschwindigkeit:** Slider-Einstellungen - **Zertifizierungen:** Wiederholbar – Logo-Bilder ### Backend ![22. Block: Zertifizierung / Qualitätssiegel – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockcertificationslider-be.jpg) ### Frontend ![22. Block: Zertifizierung / Qualitätssiegel – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockcertificationslider-fe.jpg) ## 23. Block: Partnerfinder Interaktiver Standort- und Partnerfinder. Zeigt SANIFAIR-Standorte auf einer Karte mit Filterfunktion. - **Title:** Optionaler Block-Titel ### Backend ![23. Block: Partnerfinder – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockpartnerfinder-be.jpg) ## 24. Block: Statistics Zeigt Kennzahlen und Statistiken als große Zahlen mit Beschreibungen an. - **Überschrift:** Sektions-Titel - **Statistics:** Wiederholbar – Zahl/Wert, Beschreibung, Quelle/Referenz ### Backend ![24. Block: Statistics – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockstatistics-be.jpg) ## 25. Block: Benefits Auflistung von Vorteilen oder Benefits mit Bild und Beschreibung je Eintrag. - **Überschrift / Beschreibung:** Sektions-Texte - **Vorteile:** Wiederholbar – Titel, Bild, Beschreibung ### Backend ![25. Block: Benefits – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockbenefits-be.jpg) ## 26. Block: FAQ Häufig gestellte Fragen mit aufklappbaren Antworten (ähnlich Akkordeon). - **Überschrift / Untertitel:** Sektions-Texte - **FAQ Einträge:** Wiederholbar – Frage, Antwort - **Hintergrundfarbe:** Design-Option ### Backend ![26. Block: FAQ – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockfaq-be.jpg) ### Frontend ![26. Block: FAQ – Frontend](https://www.sanifair.de/wp-content/uploads/2026/04/sf-block-blockfaq-fe.jpg) ## 27. Contact Form Tabs Kontaktformular in Tab-Struktur, z.B. für verschiedene Anliegen. - **Background Color:** Hintergrundfarbe - **Tab Items:** Wiederholbar – Tab-Label und zugehöriges Formular ### Backend ![27. Contact Form Tabs – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-contactformtabs-be.jpg) ## 28. Block: Text mit Overlay Text-Block über einem Hintergrundbild mit optionalem Button. - **Titel / Text:** Hauptinhalt - **Button Text / Button URL:** CTA - **Hintergrundbild:** Bild-Hintergrund ### Backend ![28. Block: Text mit Overlay – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blocktextoverlay-be.jpg) ### Frontend ![28. Block: Text mit Overlay – Frontend](https://www.sanifair.de/wp-content/uploads/2026/04/sf-block-blocktextoverlay-fe.jpg) ## 29. Block: Spacer Unsichtbarer Abstandsblock zum Einfügen von vertikalem Freiraum zwischen Blöcken. - **Theme:** Hell oder Dunkel (beeinflusst Hintergrundfarbe) - **Vertical space:** Höhe des Abstands ### Backend ![29. Block: Spacer – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockspacer-be.jpg) ## 30. Block: Flexibles Konzept Umfangreicher Inhaltsblock für Konzept-Seiten mit Icons, Features und mehreren Sektionen. - **Hauptüberschrift / Beschreibung / Unterüberschrift:** Haupt-Texte - **Features/Vorteile:** Wiederholbar – Text - **Icon-Bereiche:** Wiederholbar – Icon-Bild, Titel, Text ### Backend ![30. Block: Flexibles Konzept – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockflexibleconcept-be.jpg) ### Frontend ![30. Block: Flexibles Konzept – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockflexibleconcept-fe.jpg) ## 31. Block: Shortcode Ermöglicht die Einbindung eines beliebigen WordPress-Shortcodes innerhalb der Seitenstruktur. - **Shortcode:** Der auszuführende Shortcode - **Hintergrundfarbe der Sektion:** Optionale Hintergrundfarbe ### Backend ![31. Block: Shortcode – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockshortcode-be.jpg) ### Frontend ![31. Block: Shortcode – Frontend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-blockshortcode-fe.jpg) ## 32. Reusable Component Bindet eine wiederverwendbare Komponente aus dem CPT **Reusable Components** ein. Änderungen am Reusable Component wirken sich automatisch auf alle Seiten aus, die ihn verwenden. - **Select Reusable Component:** Auswahl der gewünschten Komponente aus der Liste ### Backend ![32. Reusable Component – Backend](https://www.sanifair.de/wp-content/uploads/2026/03/sf-block-reusablecomponent-be.jpg)