Seiten- und Beitrags­standards

Seiten- und Beitrags­standards

Du betrachtest gerade Seiten- und Beitrags­standards

Mindestvorgaben für neue Seiten / Beiträge

Editor

Standard-Editor ist Gutenberg. Nur aufwändigere Seiten werden mit Elementor bearbeitet.

Inhalt

  • Jede Seite und jeder Beitrag enthalten:
  • Ein Bild für den Seitentitel (1200 x 200 (Standard) bzw. 1600×500 (Fünftklässler, Oberstufenschüler, Lernen), 1200×200 (Lernen, FSG aktuell, Service), JPG, Komprimierung 90, Mitte, Mitte ausgerichtet), alle Einstellungen bleiben auf „Default“ bzw. leer; Landing-Pages mit größeren Titelbildern, angepasst in Gutenberg
  • Jeder Beitrag enthält ein Beitragsbild (genau 800x600px!, mit Bildverarbeitung anpassen)
  • Jeder Beitrag enthält mind. ein Schlagwort, höchstens fünf (Ausnahme: FSG aktuell keine Schlagwörter).
  • Jeder Beitrag gehört zu mind. einer Kategorie. Die Beiträge unter FSG aktuell gehören nur in die Kategorie FSG aktuell!
  • Elternbriefe gehören zu den Kategorien FSG aktuell und Elternbriefe.
  • Jede Seite (Ausnahme Landing Pages) hat eine Elternseite.

Design

  • Jede Seite und jeder Beitrag haben einen aussagekräftigen Titel.
  • Jede Seite und jeder Beitrag beginnen mit H1, vom Titel abweichender Text.
  • In lange Wörter in Titel und H1 bedingte Trenner falls notwendig einfügen (Darstellung auf Handy kontrollieren); den Code in der nächsten Zeile kopieren und einfügen; Beispiel siehe ‚Titel oben
  • ­
  • Weitere Überschriften – maximal bis H3 – hierarchisch anlegen
  • Pro Absatz einen Block in Gutenberg zuweisen.
  • Keine Hervorhebung durch Schriftauszeichnungen.
  • Strukturierung und Hervorhebung ausschließlich durch Standards im Editor, z. B. Überschriften, Zitate und Pullquotes
  • Bilder aus dem Editor heraus hochladen, damit sie mit der Seite/dem Beitrag verknüpft sind. Die Beiträge unter FSG aktuell gehören alle in den Ordner Schulleben aktuell. Bitte dorthin hochladen!
  • Alle Bilder für Beiträge/Seiten haben eine lange Seite von 800px bis max.1200px, nicht größer wegen der Ladezeiten..

Seitenheader

Landing-Pages: Bild 1200×600 (wird in Gutenberg eingestellt), Seitentitel im Bild

Blogseiten und -einträge: 1200×200 (wird im Customizer > Allgemeine Optionen > Seitentitel als Standard eingestellt, Seitentitel im Bild, Opacity 0,1, schwarz ffffff), Beitrag beginnt mit H1

Farben

ElementStandard-FarbeFarbcode
Textschwarz212121
Primäre Farbedunkelblau023b6d
Hover-Primärfarbedunkelrot700e0e
Haupt-Rahmenfarbemittelgrauafafaf
Hintergrundfarbeweißffffff
Primäre Linkfarbemittelblau1e73be
Primäre Linkfarbe Hoverdunkelrot700e0e
Seitentitel Hintergrundhellgrauf4f4f4
Seitentitel Textfarbedunkelblau023b6d
Breadcrumbs Text (>)schwarz212121
Breadcrumbs TrennzeichenStandardc6c6c6
Breadcrumbs Linkmittelblau1e73be
Breadcrumbs Hoverdunkelrot700e0e
Überschriftendunkelblau023b6d
Widget Seitenleistedunkelblau023b6d
Widget Footerdunkelblau023b6d
Header Hintergrundweißffffff
Header Rahmen untenmittelgrauafafaf
Header Menu Linkdunkelblau023b6d
Header Menu Hoverdunkelrot700e0e
Header Menu aktueller Linkdunkelblau023b6d
Dropdown StandardStandard
Mobiles Menu wie Hauptmenuwie Hauptmenu
Seitenleiste Rahmenmittelblau1e73be
Footer Hintergrundhellgrauf4f4f4
Footer RestStandardStandard
Fußzeile ganz untenStandardStandard
Fußzeile ganz unten Hintergrundhellgrau (etwas dunkler)cccccc
Modal Windowalles StandardStandard

Schriften

Standardschrift: Google Roboto Buch 400, Überschriften Medium 500
Titel und Überschrift1: Google Roboto Slab

Schriftgrößen

AbsatzDesktop (px)Mobile in px)
Body18px18px
H1leerleer
H2leerleer
H3leerleer
H4leerleer
Hauptmenu1818
Hauptmenu Dropdown1616
Mobiles Meuleerleer
Seitentitel5050
Seitentitel Untertitel2525
Titel Blogeinträge2020
Titel Einzelbeitrag1818
Titel Seitenleistenwidget1616
Widgets1616
Titel Footerwidget1616
Fußzeile1414
Footer Menu1616

Zeilen- und Zeichenabstände: Standard,
Untermenueinträge: Zeilenabstand 1,3
Header – Mobiles Menu ab 959px

…