Wir haben zur Installation und zum Einrichten des pally Themes eine Dokumentation mit ein paar Bildschirmaufnahmen zusammengestellt.
Schritt 1: WordPress installieren
Nach dem Installieren von WordPress (hier geht es zur Anleitung bei WordPress) meldet man sich im Backend an und wählt Design – Themes. Hier kann man nun das Theme pally hochladen.
Noch schneller geht die Installation mit ddev. Die Anleitung befindet sich hier:
DDEV Docs
Schritt 2: Theme uploaden, Hilfeseiten anschauen
Über Design – Themes und hier dann Theme hinzufügen und Theme hochladen wird die gepackte pally.zip Datei ausgewählt und hochgeladen. Danach auf Aktivieren klicken und pally ist hinzugefügt. Als nächster Schritt bietet es sich an, die Seite unter „Über das Theme / A11y Tipps“ im Backend zu lesen. Sie ist auf der linken Seite direkt nach Dashboard verlinkt. Wir haben dort ein paar Infos und Links zu Accessibility (A11y) zusammengestellt. Hier findet sich auch ein Link zur A11y Setup Hilfe, die man sich als nächstes anschauen sollte. Man kann die Seite aber auch jederzeit unter Design – A11y Setup Hilfe aufrufen.
Schritt 3: Starter Content importieren
Wir haben eine Navigation, einen Artikel zu den pally Theme Optionen und eine Seite, die das Theme etwas beschreibt, vorbereitet. Diese Inhalte werden importiert, sobald man den Customizer aufruft und einmal abspeichert („Veröffentlichen“ klicken). Es gibt sie in deutsch und englisch und werden in der Sprache importiert, die im WordPress Backend eingestellt ist. Sollte man diese Inhalte nicht mehr haben wollen, kann die Artikel und die Seite einfach im Backend löschen und die Navigation über Design – Menüs anpassen.
Schritt 4: Plugins
Es gibt einige Plugins, die beim Erstellen eines barrierefreien Blogs behilflich sind, oder die Barrierefreiheit eines WordPress-Blogs verbessern. Eines davon ist „WP Accessibility“, das ein paar hilfreiche Einstellungen mitbringt, mit denen man die Barrierefreiheit unterstützen kann. Die Werkzeugleiste, die das Plugin beinhaltet, haben wir an unser Design angepasst. Man ermöglicht Besuchern des Blogs damit, auf eine größere Schritgröße und den Kontrast des Blogs umzustellen. Es ist jedoch wichtig im Feld „Toolbar location (optional) diese id zu vergeben: #a11yhelper, damit die Werkzeugleiste an der vom Theme vorgesehenen Stelle erscheint. Praktisch ist zum Beispiel auch ein Farbkontrast-Tester, den das Plugin mitbringt.
Ein weiteres nützliches Plugin ist das „Accessibility Statement Feature Plugin“, das die Struktur eines Barrierefreiheits-Statements anlegt, mit deren Hilfe man eine Seite zur Erklärung der Barierefreiheit anlegen kann, die jede Website haben sollte. Das Plugin gibt es momentan bei GitHub.
Für Redakteure und Admins hat sich das Plugin „Content Author Accessibility Preview“ als nützlich erwiesen. Wenn es installiert und aktiviert ist, zeigt es angemeldeten Usern (nicht den Blog-Besuchern) per Rahmen an, wo es noch Probleme im Code gibt, z. B. wenn bei einem Bild das alt-Attribut fehlt oder nicht befülllt ist.
Ein Möglichkeit, es den Nutzern einfacher zu machen sich zu orientieren, ist es, auf Unterseiten einen breadcrumb (Ariadne-Faden) anzubieten. Wir haben das Plugin „Breadcrumb“ installiert und für das Design des Blogs angepasst.
Schritt 5: Theme einrichten
Über den Customizer (Design – Customizer) kann man jetzt das Theme einrichten. Es gibt einiges an Einstellungsmöglichkeiten: Hauptmenü (ein Footermenü kann hier erstellt werden, und dann über Widgets ein Navigationsmenü-Widget im Footer eingebaut werden), Homepage-Einstellungen, Farben. Zusätzlich gibt es ein paar spezielle Einstellungen für das pally Theme: Seitenidentität und Branding, optionales Header-Bild, Hauptnavigation Optionen, Textauszug, Meta-Info Blog, Beitrags-Optionen, Seiten-Optionen, Autoren-Biografie Optionen, Footer Optionen, Schriftpaare, Schriftgrößen und Verwandte Beiträge. Wir haben hier einen Beitrag zu den pally Theme-Optionen verfasst.