Allgemein

Robert Windisch edited this page Jul 25, 2015 · 1 revision

Deutsch / German

Clone this wiki locally

Responsive Design

Wird dieses Checkbox aktiviert, wird ein zusätzliches Stylesheet für das Responsive-Design inkludiert. Zusätzlich besteht die Möglichkeit über das Child-Theme neben der theme.css noch eine theme.responsive.css anzulegen. Diese wird beim generieren des Themes und aktivieren dieser Option zusätzlich geladen.

Ausgabe als HTML5

Wird diese Checkbox aktiviert, gibt Xtreme One Ihre Seiten in HTML5 aus. Bei nicht aktivierter Checkbox als XHTML 1.1.

Body-Schriftgröße

Mit Body-Schriftgröße wird die Basisschriftgröße des Dokuments festgelegt. Die Wahl der Schriftgröße beeinflusst nicht nur die Lesbarkeit der Schrift, sondern auch Bereiche des Layouts, sofern sie in em oder % ausgezeichnet sind. Hier die möglichen Werte zur Auswahl:

  • 62.5% – 10px
  • 68.75% – 11px
  • 75% – 12px
  • 81.25% – 13px
  • 87.5% – 14px
  • 100% – 16px

Layout

flexibel

Geben Sie einen Wert für die Breite des Layouts in Pixel an. Der zulässige Bereich erstreckt sich von 740px bis 1600px. flexibles Layout: Tragen Sie jeweils einen Wert für die minimale und die maximale Breite an. Der Wert der minimalen Breite bestimmt, ab wann ein horizontaler Scrollbalken erscheint. Der kleinste zulässige Wert ist 740px. Die maximale Breite hat folgende zulässige Bereiche: 60-120em oder 50-100%.

fest

Es erstrecken sich alle Hauptcontainer über die volle Breite des Browserfensters. Diese Container bekommen über die Klasse xf-container die minimale Breite zugewiesen. Die Klasse page_marginsbekommt die maximale Breite bzw. bei dem fixen Layout die Breite zugewiesen.

Ausrichtung

Mit dieser Einstellung könnt ihr definieren, wie eure Seite ausgerichtet sein soll. Folgende Werte sind möglich:

  • zentriert - Zentrierung der Seite im Browserfenster
  • links - Seite linksbündig ausrichten
  • rechts - Seite rechtsbündig ausrichten

Design

Blog-Layout

Es werden alle Hauptcontainer von den beiden Containern ym-wrapper und ym-wbox umschlossen. Der Container ym-wrapper besitzt die Breite, die Sie bei fixes Layout eingestellt haben, bzw. die minimale und maximale Breite, falls Sie ein flexibles Layout gewählt haben. Der Container ym-wbox kann für Abstände, Rahmen etc. genutzt werden.

Fullpage-Layout

Es erstrecken sich alle Hauptcontainer über die volle Breite des Browserfensters. Diese Container bekommen über die Klasse xf-container die minimale Breite zugewiesen. Die Klasse ym-wrapper bekommt die maximale Breite bzw. bei dem fixen Layout die Breite zugewiesen. Innerhalb des ym-wrapper dient der Container ym-wbox ym-clearfix für die Innenabstände

WAI Aria Roles aktivieren

WAI Ariaist eine Spezifikation des W3C, die Hilfen anbietet, Rollen, Zustände und Eigenschaften zu beschreiben, um sie so für Nutzer assistiver Technologien erkenn- und benutzbar zu machen. Nutzen Sie diese Option und machen Sie damit Ihre Webseite barrierearmer!

YAMLs nav_vlist.css einbinden

Hiermit haben Sie die Möglichkeit, YAMLs nav_vlist.css einzubinden. Bei dem Stylesheet handelt es sich um eine vertikale Navigation, die sich gut für Seiten oder Kategorien eignet. Um das Stylesheet im Theme auch nutzen zu können, erstellen Sie sich eine eigene Sidebar im Ordner /includes/sidebars/ Ihres Childthemes und geben Sie der Liste die Klasse vlist.