Template prüfen | Informationen zum Hero-Header | Hero-Header einfügen | Tipps zur Seitengestaltung | Startseiten-Beispiele
Template und Hero-Header
Sowohl die Startseite als auch die Inhaltsseite verwenden das Standard-Template. Prüfen Sie zunächst, ob das korrekte Template ausgewählt ist.
- Öffnen Sie die Startseite im Bearbeitungsmodus über Admin-Leiste | Seite bearbeiten.
- Öffnen Sie die rechte Seitenleiste über das Icon links neben dem Speichern/Veröffentlichen-Button.
- Navigieren Sie in der rechten Seitenleiste zum Reiter Seite.
- Wählen Sie unter Template das Standard-Template aus, falls dieses noch nicht gesetzt wurde.
Tipp: Lassen Sie die rechte Seitenleiste beim Bearbeiten Ihrer Seiten stets geöffnet. Hier finden Sie wichtige Seiten- sowie Block-Einstellungen, die Sie über die Block-Werkzeugleiste nicht erreichen können!
Legen Sie Ihren Hero Header für die Startseite fest. Ein Hero Header wird verwendet, um Aufmerksamkeit zu ziehen und Besucherinnen und Besuchern mitzuteilen, welches Angebot sie auf einer Website erwartet. Er enthält idealerweise den Titel der Website, einen aussagekräftigen Beschreibungstext, einen Button zum Verweis auf weiterführende Informationen und ein Bild.
Stellen Sie sicher, Fotos in einer geeigneten Auflösung bereitzustellen! Für den Hero Header wird ein Bild im Seitenverhältnis 16:9 mit einer Abmessung von < 1920 x 1080px verwendet. Mehr Informationen erhalten Sie auf der Anleitungsseite zu Bildern.
Hinweise zum Hero Header
Zwischen Ihrem Seitentitel und dem Hero-Header darf kein anderes Element stehen, auch kein leerer Absatz. Der Hero Header wird sonst auf der Startseite nicht korrekt dargestellt. Überprüfen Sie Ihren Seitenaufbau anhand der Listenansicht.
Aktuell wird auf Lehrstuhlseiten wird der Startseiten-Hero Header farblos dargestellt. Nur auf Unterseiten und bestimmten Designelementen wie Buttons, wird Ihre Fakultätsfarbe angezeigt.
- Öffnen Sie im Block-Editor den Block-Inserter oben links über das Plus-Symbol und navigieren Sie zum Reiter Vorlagen.
- In der Kategorie FAU Elemental finden Sie alle zum Theme relevanten Designvorlagen.
- Wählen Sie die Vorlage Hero: Front Page. Der Hero: Front Page darf nur auf Ihrer Startseite verwendet werden.
- Bearbeiten Sie den Hero Header nach Ihren Wünschen.
Verschaffen Sie sich zur Gestaltung Ihrer Startseite und generell Ihres Webauftritts einen Überblick über die neuen FAU Elemental Blöcke, oder lernen Sie mehr über die RRZE Elements Blocks und Block-Typen des Editors.
Tipps zur Seitengestaltung
- Achten Sie darauf, Ihre wichtigsten Infos, zentrale Botschaften oder die Handlungsaufforderung wenn möglich „above the fold“ zu platzieren – also im sichtbaren Bereich der Website, bevor gescrollt wird.
- Strukturieren Sie Ihre Inhalte sinnvoll mit passenden Überschriften – Website-Besucher wollen für sie relevante Infos schnell finden .
- Verwenden Sie Akkordeons z.B. um sekundäre oder optionale Inhalte kompakt darzustellen. Primäre Informationen sollten für Nutzer stets sichtbar sein.
- Verwenden Sie als Trennelement den neuen Block „Meta Headline“. Dieses Element dient als visuelle Auflockerung und leitet neue Abschnitte auf Ihrer Website ein.
- Sie können manche Blöcke, die unter Vorlagen zu finden sind, auch als „Dark“ Variante ausspielen – so können Sie Struktur in Ihre Seite bringen und sie visuell auflockern
- Sie können auch eigene Vorlagen erstellen, indem Sie häufig zusammen genutzte Elemente gruppieren und als Vorlage speichern
Lehrstuhl-Startseite Beispiele
Klicken Sie auf die Pfeile, um die Screenshots in vollständiger Größe anzuzeigen.
