1 / 25

Wordpress als „Framework“ für wien.at

Wordpress als „Framework“ für wien.at. Responsive , barrierearme und sichere Themes und Plugins. Mehr Platz für . Dialogmechanismen Identität und Design von Projekten. Microsite.

kenley
Télécharger la présentation

Wordpress als „Framework“ für wien.at

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Mehr Platz für • Dialogmechanismen • Identität und Design von Projekten

  3. 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

  4. Wann kommen wien.at Microsites zum Einsatz?

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

  6. Gemeinsame Basis für wien.at MicrositesRedaktioneller, gestalterischer und technischer Rahmen auf Basis Wordpress

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

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

  9. 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

  10. responsive • barrierefrei techn. Standards

  11. 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.

  12. Erweiterungen

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

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

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

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

  17. Plugin-Evaluierung micrositeswien.at

  18. Pluginevaluierung • TinymceAdvanced • WP Polls • ContactForm 7 • MyCalendar • 2-click-socialmedia-buttons • LeafletMaps Marker • Bbpress • NextGENGallery • NextGENGallery Voting • All-in-OneEvent Calendar • ALO EasyMail Newsletter • …

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

  20. 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, ColourContrastAnalyser • Javascript/CSS/Image Switch • Jaws ... • ca. 10 bis 20ig seitiger Bericht / Gutachten über den Accessibilitystandder Website inkl. Optimierungsvorschläge

  21. Vielen Dank! Autoren:Marta Bilska Christian HabernigSindre Wimberger Wolfram Huber und Michael RedererFolien: Julia BucheggerQuellen: styleguide, pluginattachment

More Related