Die Quark Designvorlage erlaubt es uns auf eine einfache und schnell Art einige der Standardoptionen zu überschreiben. Das können wir durch setzen der body_classes einzelner Seiten erreichen. Die Vorlage kombiniert dann diese Klassen mit den Standardklassen. Ein besonderer Einsatzbereich dafür sind die Hero Klassen zur Anzeige der Titelgrafiken.
body_classes: "header-dark header-transparent"On a particular page will ensure that page has those options enabled (assuming they are false by default).
Durch die Verwendung der Hero Vorlagen erhalten wir die Möglichkeit das Aussehen unserer Seiten zu beeinflussen. Erreicht wird das durch die modularen 'Hero' Vorlagen als auch jener des Blogs und der Blogeinträgen.
hero_classes: text-light title-h1h2 parallax overlay-dark-gradient hero-large hero_image: road.jpg hero_align: centerMit den hero_classes Optionen können verschiedene Klassen dynamisch zugewiesen werden. Dazu gehören:
text-light | text-dark - Controls if the text should be light or dark depending on the contenttitle-h1h2 - Enforced a close matched h1/h2 title pairingparallax - Enables a CSS-powered parallax effectoverlay-dark-gradient - Displays a transparent gradient which further darkens the underlying imageoverlay-light-gradient - Displays a transparent gradient which further lightens the underlying imageoverlay-dark - Displays a solid transparent overlay which further darkens the underlying imageoverlay-light - Displays a solid transparent overlay which further darkens the underlying imagehero-fullscreen | hero-large | hero-medium | hero-small | hero-tiny - Size of the hero blockDie The hero_image Option sollte dabei auf ein Bild im aktuellen Ordner verweisen.