Inhaltsverzeichnis
Schriftfamilie
Es ist die serifenlose Systemschrift vorkonfiguriert. In den globalen Einstellungen von WordPress kann eine individuelle Schrift hochgeladen und genutzt werden.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ää Öö Üü ß
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( ) _ + – = { } [ ] | \ : ; “ ‚ < > , . ? / ~ `
Fluide Schriftgrößen
Die Schriftgrößen basieren auf CSS clamp() und vergrößern sich in Abhängigkeit zur Viewport-Breite. Die visuelle Hierarchie ist immer gegeben, Überschriften wachsen mit zunehmendem Platz etwas stärker an.
--wp--preset--font-size--10
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--9
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--8
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--7
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
--wp--preset--font-size--6
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--5
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--4
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
--wp--preset--font-size--1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Überschriften
Die Überschriften-Hierarchie für die HTML-Elemente h1-h6 leitet sich aus den Schriftgrößen ab und wird in der theme.json gemapped.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Thematische Einordnung
Oberhalb von Überschriften (h2) kann das übergeordnete Thema abgebildet werden. In vielen Pattern ist das vorbereitet.
Thema
Überschrift des Sinnabschnitts
Damit diese Auszeichnung zentral angepasst werden kann, haben wir einen Stil vorbereitet, der im Parent und im Child zur verfügung steht: /styles/topic.json
Listen
Neben den Standard-Listen (ol, ul) sind Stile für Checklisten, Pro- und Kontra-Listen vorbereitet:
Geordnete Liste
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
Ungeordnete Liste
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
Checkliste
Der Stil ist im Child-Theme verfügbar und kann dort leicht angepasst werden: child-theme/…/styles/list-styles-checkmark.json
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
Pro-Liste
Der Stil ist im Child-Theme verfügbar und kann dort leicht angepasst werden: child-theme/…/styles/list-styles-pro.json
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
Kontra-Liste
Der Stil ist im Child-Theme verfügbar und kann dort leicht angepasst werden: child-theme/…/styles/list-styles-contra.json
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt
- Hier steht ein Listenpunkt