„Dark Mode“ für Vorlagen und Blöcke | FAU Elemental Tipp
Seit Ende November 2025 wird für Fakultäten, Lehrstühle, Departments und Einrichtungen nach und nach das neue WordPress Theme „FAU Elemental“ ausgerollt.
Mit dem Theme kommen neue Designmöglichkeiten durch neue Blöcke und Funktionen hinzu. Sie wissen vielleicht nicht, wie Sie diese am besten verwenden können. Im ersten FAU Elemental Tipp stellen wir Ihnen den neuen „Dark Mode“ für gruppierte Blöcke vor.
Die oben gezeigte Big Teaser Vorlage wird verwendet, um auf Inhaltsseiten aufmerksam zu machen. Sie können so Ihre Besucherinnen und Besucher zu wichtigen Informationen leiten.
Bestimmte Vorlagen sowie alle Blockgruppierungen können in einer dunklen Variante ausgespielt werden. Das eignet sich zum Beispiel, um:
- Umfangreiche Seiten zu untergliedern
- Seiten visuell aufzulockern
- Auf bestimmte Seiten aufmerksam zu machen
Anleitung
Im folgenden Beispiel erstellen wir eine Gruppe aus den Blöcken „Meta-Headline“ und „Media & Text“, welcher alternativ zum Big Teaser Block eingesetzt werden kann.
- Öffnen Sie im Block-Editor den Block-Inserter oben links über das blaue Plus-Zeichen.
- Fügen Sie den Block „Meta-Headline“ (im Abschnitt „FAU Elemenal“) ein.
- Markieren Sie den neu eingefügten Block und wählen Sie über die Blockwerkzeugleiste die Überschriftenebene „Header“, um sie als dekoratives Trennelement zu verwenden.
- Fügen Sie den „Media & Text“ Block (im Abschnitt „Medien“) ein.
- Befüllen Sie den Media & Text Block mit einem Bild, Texten und ggf. einem Button. Den Button können Sie aus dem Block-Inserter heraus in den Media & Text Block ziehen.
- Markieren Sie die Blöcke und verwenden Sie das Gruppieren-Icon in der Blockwerkzeugleiste, um die Blöcke in eine Gruppe zu verwandeln.
- Navigieren Sie zu den Block-Einstellungen der Gruppe über rechten Seitenleiste und wählen den Stil „Dark“.
Wiederverwendbare Blockgruppen
Sie können Ihre Blockgruppen auch in Vorlagen umwandeln, um sie auf verschiedenen Seiten einsetzen zu können.