Direkt zum Inhalt
  1. page
  2. theme_hook_original
  3. attributes
  4. title_attributes
  5. content_attributes
  6. title_prefix
  7. title_suffix
  8. db_is_active
  9. is_admin
  10. logged_in
  11. user
  12. directory
  13. base_path
  14. front_page
  15. language
  16. is_front
  17. node
  18. #cache
  19. theme_hook_suggestions
  20. _parent
/sites/default/files/2020-10/cornflower.jpg

Gutenberg-Farben

Gespeichert von Häßler am Sa., 10.10.2020 - 11:20

Die Farbpalette, die Gutenberg von Haus aus mitbringt, ist ganz schön wild. Am besten werden die Farben der Webseite im Voraus gewählt, denn sie werden in das Design programmiert.

Gutenberg Vorgabe

Individuelle Farbpalette

Auch wenn der Autor eine eigene Farbe wählen kann – die vorgegebenen Farben sorgen für ein konsistentes Erscheinungsbild. Benutzerdefinierte Farbe sollte immer wenigen Ausnahmen vorbehalten sein.

Nicht alle Element haben eine Hintergrundfarbe. Überschriften steht nur eine Schriftfarbe zu. Das hat einen guten Grund: Stellen wir uns einen begeisterten Autor vor, der einer Überschrift im aktuellen Beitrag eine Hintergrundfarbe gibt:

Überschrift mit Hintergrundfarbe

  • Natürlich geht das mit einem schmutzigen kleinen Trick: Einfach normaler Text, große Schriftgröße. Mal auf verschiedenen Handy ansehen!

Auch wen so ein Einzelstück vielleicht gefällt: Es fällt aus dem Branding der Webseite. Außerdem würde die große Schrift im roten Kasten zu einem großen Block auf einem kleinen Handy.

Schriftgrößen

Hier gilt dasselbe wie bei den Farben: Das Design gibt 5 Schriftgrößen vor, der Benutzer kann eine eigene Schriftgröße einsetzen. Dann muss die Seite auf jeden Fall auf verschieden großen Handys getestet werden, denn für Handys werden andere Schriftgrößen programmiert als für den Desktop-Rechner.

Image
Brot Sauerteig Backen

Schriftgrößen stehen nicht für sich allen – gleich ob Überschrift oder einfache Absätze. Jedes Element hat eigene Abstände: Überschriften vom vorangegangenen Absatz, Absatz zu Absatz. Werden Schriftgrößen geändert, passen diese Abstände nicht mehr. Immer wieder daran denken, dass die Schriften und Schriftgrößen einer Webseite heute auf Handys für den Besucher gut lesbar sein müssen.

Image
Brot Sauerteig Backen