How to

How To

In Kürze

Dies ist eine Sammlung von Stilelementen die auf der Website vorkommen. 

Um ein einheitliches und ruhiges Erscheinungsbild zu erreichen, wird bewusst auf Spielereien verzichtet. 

Farben

Diese Section hat einen roten Rand, weil in dieser Section unter Advanced > CSS Classes auf rot gesetzt wurde.

Mögliche Farben sind: gelb, orange, rot, lila, blau, gruen. Sonst bleibt es einfach grau.

 

Text

Die Gestaltung mit Textgrössen, Farben usw ist stark eingeschränkt, und das ist gut so. Ausser fettem und verlinkten Text gibt es nur 2 Überschriften die gleich aussehen aber für SEO unterschiedlich sind:

Heading 1 (H1)

Heading 2 (H2)

Ansonsten: Texte bitte nicht über die gesamte Breite laufen lassen sondern lieber in Spalten unterteilen, das wird sonst unleserlich.

Bilder

Bei Bildern im Format SVG wird davon ausgegangen, das sie meist Icons sind. Sie werden daher eingefärbt, in der Grösse begrenzt und mit einem farbigen Hintergrund hinterlegt.

Bilder, bei welchen der Wert unter Advanced > CSS Classes auf eine Farbe gesetzt wurde, werden damit eingefaerbt.

Ausnahme: Bilder im Format SVG innerhalb des Texteditors werden zwar eingefärbt, aber weder in der Grösse begrenzt noch mit farbigem Hintergrund hinterlegt.

Bilder, bei welchen der Wert unter Advanced > CSS Classes auf ‘original’ gesetzt wurde, werden nicht nachbearbeitet.

Buttons

Das hier ist ein normaler Button. Er hat den Typ Default und die Grösse small

Das hier ist ein hervorgehobener Button. Er hat den Typ Default und die Grösse medium. Bitte nur 1-2x pro Seite einsetzen:

Seitenleiste

Inhalte in der Seitenleiste sind via Appearance > Widgets  erreichbar. Bitte knapp halten: hier kommen Inhalte rein die über das Menü schwer zu erreichen, aber wichtig sind.

Menü

Die Struktur des Menü lässt sich in  via Appearance > Menus  ändern. Die deutsche Fassung heisst ‘Kyona_DE_2021’, dies unter ‘Select a menu’ auswählen.