Wordpress als „Framework“ für wien.at Responsive, barrierearme und sichere Themes und Plugins.

Präsentation zum Thema: "Wordpress als „Framework“ für wien.at Responsive, barrierearme und sichere Themes und Plugins."—  Präsentation transkript:

1 Wordpress als „Framework“ für wien.at Responsive, barrierearme und sichere Themes und Plugins

2

3 Mehr Platz für Dialogmechanismen Identität und Design von Projekten

4 Microsite „Als Microsite bezeichnet man eine schlanke Webseite mit wenigen Unterseiten und geringer Navi- gationstiefe innerhalb eines größeren Internet-Auftritts.“ http://de.wikipedia.org/wiki/Microsite http://de.wikipedia.org/wiki/Microsite

5 Wann kommen wien.at Microsites zum Einsatz?

6 Auftritte mit kommunikativem/ dialogorientiertem Charakter (Blogs mit Kommentarfunktion, Ideensammlung, Diskussion, Beteiligung,…) Temporäre Projekte mit starker eigener Projekt-CI (Kampagnen etc.)

7 Gemeinsame Basis für wien.at Microsites Redaktioneller, gestalterischer und technischer Rahmen auf Basis Wordpress

8 Warum Wordpress? Weil alle Agenturen damit arbeiten können und die Einarbeitungsphase für temporäre Projekte kurz ist.

9 o Spart Zeit & Geld o Einfache Bedienung o Baustein-System (Mehrfachverwendung) o „Responsive“ o Standards: Barrierefreiheit, Code, Sicherheit,… Gemeinsame Basis

10 Basismodul: Eckpunkte wien.at als Dachmarke Grafik angelehnt an wien.at-CI (etwa Schriftart, Hintergrundfarben etc.) Projekttitel und ggf. –Logo stehen im Zentrum: die Überschrift „gehört“ dem Projekt Eigene Navigation (Menü) Eigene visuelle Projekt-Identität mittels Hintergrundbild/- grafik/-farbe – wobei der Gesamteindruck „wien.at Microsite“ erhalten bleiben muss. www.wien.gv.at/ma53/test/WIS_microsites/whitelabel.html

11

12

13 responsive barrierefrei techn. Standards

14

15 Das Theme wurde speziell für wien.at gefertigt und lehnt sich an das aktuelle Design des Portals an. Es ist responsive und barrierearm. Was noch relativ einfach ist.

16 Erweiterungen

17 Wahl der Erweiterungen Unzählige Plugins Erstes Auswahlverfahren (Funktionalität, richtige WP-Version, free oder pro,..)

18 1-2 Plugins bleiben – womöglich responsive – vielleicht accessible – unter Umständen kompatibel In Summe: bleibt nichts übrig

19 Nächster Schritt Evaluierung der in Frage kommenden Plugins hinsichtlich unserer Kriterien

20 Lösungsansätze selber machen „patchen“ (anpassen) mit Developer Kontakt aufnehmen

21 Plugin-Evaluierung microsites wien.at

22 Pluginevaluierung Tinymce Advanced WP Polls Contact Form 7 My Calendar 2-click-socialmedia-buttons Leaflet Maps Marker Bbpress NextGEN Gallery NextGEN Gallery Voting All-in-One Event Calendar ALO EasyMail Newsletter …

23 Plugin-Adaptionen 2-Click-Socialmedia-Buttons https://github.com/wozo/wordpress-plugins/tree/master/2-click-socialmedia-buttons https://github.com/wozo/wordpress-plugins/tree/master/2-click-socialmedia-buttons Contact Form 7 - Formulartemplate WP Polls - Polltemplate My Calendar http://wordpress.org/support/topic/accessibility-alt-attribut-event-detail- empty?replies=2#post-5087228 http://wordpress.org/support/topic/accessibility-alt-attribut-event-detail- empty?replies=2#post-5087228 Leaflet Maps Marker https://github.com/wozo/Leaflet-Maps-Marker http://wordpress.org/support/topic/list-of-markers-html-output?replies=3#post-5101676 https://github.com/wozo/Leaflet-Maps-Marker http://wordpress.org/support/topic/list-of-markers-html-output?replies=3#post-5101676 bbPress https://github.com/wozo/bbpress-Templates-wien https://github.com/wozo/bbpress-Templates-wien

24 Accessibility Evaluierung In der Regel eher aufwändigerer manueller Prozess Manuelle oder automatische Überprüfung von allen WCAG Checkpunkten z.b. mittels: – Firefox: Web Developer Toolbar, IE7: WAT Toolbar – HTML Validator, CSS Validator – Wave, FAE, Imergo, Cynthia Says – IE, Mozilla, Opera, Konqueror, Safari, Chrome – Vischeck, Colour Contrast Analyser – Javascript/CSS/Image Switch – Jaws... ca. 10 bis 20ig seitiger Bericht / Gutachten über den Accessibilitystand der Website inkl. Optimierungsvorschläge

25 Vielen Dank! Autoren: Marta Bilska Christian Habernig Sindre Wimberger Wolfram Huber und Michael Rederer Folien: Julia Buchegger Quellen: styleguide, plugin attachment