Magisch Schön Karlsruhe: Zauberer-Website mit eigenem WordPress-Theme

magisch-schoen.de ist seit 2004 online und lief zuletzt mit dem Page-Builder Divi (einer Baukasten-Erweiterung für WordPress). Unser Auftrag: den vertrauten Auftritt als eigenes, schlankes WordPress-Theme neu bauen – gleiche Gestaltung und Bildsprache, aber ohne Baukasten, ohne Plugins, ohne Fremdserver und ohne Cookies. Jeder Weg auf der Seite führt zur Anfrage per E-Mail oder Telefon; ein Kontaktformular gibt es nicht, wie es auch die Datenschutzerklärung ausdrücklich festhält.

Das Theme „Ernestin“ haben wir eigens für diese Website programmiert. Es übernimmt die Gestaltung der Vorgängerseite – die kräftige orangerote Fläche im Kopfbereich, den Schriftzug „Ernestin“ in der verspielten Display-Schrift Henny Penny, das Porträt mit Zylinder, roten Hosenträgern und überdimensionierten Gespenster-Spielkarten – und hebt den Kontrast an: Akzent- und Linkfarben haben wir so weit abgedunkelt, dass Text und Hintergrund das Verhältnis 4,5:1 erreichen (die Anforderung für gut lesbaren Fließtext). Die Startseite ist ein One-Pager: Auf den Kopfbereich mit den Knöpfen „Jetzt Anfragen“ und „Erfahre mehr über mich“ folgen der Abschnitt „Hallo Kinder!“ mit dem nächsten Auftritt, zwei Zähler, die Abschnitte „Was ich biete“, „Anfragen“ und „Mitgliedschaften“, die Galerie „Eindrücke“ mit fünf Motiven und ein Abschluss-Aufruf. Eigene Unterseiten gibt es nur für die Referenzen („Wo es schon ‚magisch Schön‘ war“), das Impressum und die Datenschutzerklärung; die Auftrittsbedingungen sind als PDF verlinkt.

Technisch bleibt die Seite schlank: kein Page-Builder, drei Stylesheets (Gestaltungsdateien für Layout, Schriften und Einwilligungsdialog) und zwei Skripte, alle verzögert geladen (defer) und alle vom eigenen Server. Im Quelltext lädt die Seite kein einziges Plugin (Zusatzmodul) und keine Fremdressource: keine Google Fonts, kein CDN (fremder Auslieferungsserver), keine Tracker. Die Schriften Open Sans, Karla, Montserrat und Henny Penny liegen als woff2-Dateien (komprimiertes Webschriftformat) im Theme und werden vorgeladen. Das Porträt im Kopfbereich ist mit hoher Ladepriorität markiert, die übrigen Bilder laden erst beim Scrollen (Lazy Loading). Beim Aktivieren richtet das Theme alle Seiten, Bilder, Menü, Logo und Startseite selbst ein. Ein Kontaktformular gibt es nicht: Die Knöpfe „Jetzt Anfragen“ und „Jetzt Anrufen“ öffnen das E-Mail-Programm beziehungsweise wählen die Telefonnummer, und die Adresse im Fließtext ist gegen automatische Adress-Sammler verschleiert.

Der Einwilligungsdialog ist Teil des Themes, kein Plugin. Weil die Website keine Cookies setzt und keine fremden Dienste lädt, bleibt nur eine Entscheidung offen: die Seitenaufruf-Zählung auf dem eigenen Server, die standardmäßig aus ist und erst nach Zustimmung startet. Der Dialog „Datenschutz-Einstellungen“ bietet „Alle akzeptieren“, „Nur notwendige“ und „Einstellungen“; die Wahl merkt sich der Browser im localStorage (ein Speicher im Browser, der ohne Cookie auskommt) und lässt sich über den Knopf „Cookie-Einstellungen“ in der Fußzeile jederzeit ändern. Ein Sprunglink zum Inhalt (Hilfe bei Tastaturbedienung und für Bildschirmleser), beschriftete Navigation (ARIA – Angaben, die Bildschirmlesern die Funktion eines Elements nennen), Alternativtexte an allen Bildern und die WordPress-eigene Sitemap (Seitenverzeichnis für Suchmaschinen) gehören zur Grundausstattung.