Wordpress als CMS Vertiefung

Transkript

1 Wordpress als CMS Vertiefung

2 Zeitplan 09:00-09:15: Vorstellung und Fragen 09:15-10:00: Website-Konzeption 10:00-10:30: Umsetzung des Konzepts 10:30-10:50: Pause 10:50-11:20: Sicherheit und Backups 11:20-12:00: Galerien 12:00-13:00: Pause 13:00-14:00: Erweiterungen/Plugins 14:00-15:00: Praxis und Probleme 15:00-15:15: Pause 15:15-17:00: Praxis und Probleme 2

3 Ziele des Workshops Vertiefung der vorhandenen Wordpress-Kenntnisse Zusätzliche, allgemeine Kenntnisse zur Website- Konzeption Lösung konkreter Fragen und Probleme

4 Konzeption einer Webseite Konkurrenzanalyse Zielgruppenanalyse Erstellung Sitemap Erstellung Mockups/Wireframes Definition Inhaltstypen

5 Konkurrenzanalyse Wie wird der Inhalt präsentiert? Wie ist die Seite grafisch gestaltet? Welche Funktionen hat die Seite? Wie ist es technisch realisiert? Wer verweist auf die Seite?

6 Zielgruppenanalyse Welche Zielgruppe spreche ich an? Was erwartet die Zielgruppe an Inhalten? Welche technische Ausrüstung ist bei der Zielgruppe vorhanden?

7 Erstellung Sitemap Hierarchische Baumstruktur aller Seiteninhalte Erstellung mit Softwaretools oder Pen&Paper

8 Erstellung Mockups/Wireframes Detailliertere Definition unterschiedlicher Seiten/ Inhaltstypen Definition zusätzlicher Elemente, wie Menues oder Widgets Erstellung mit Softwaretools oder Pen&Paper

9 Mockup/Wireframe-Tools Balsamiq (Win, OSX, Linux, 79$) Omnigraffle (OSX, 99$) framebox.org (Web, free) PowerPoint, Keynote Pen&Paper

10 Konzeptumsetzung Auf der Basis der vorherigen Schritte Netz-Recherche oder Detailsuche im Theme- Verzeichnis nach verschiedenen Kriterien Umsetzung der Konzeptelemente im Theme (Menüs, Widgets, Seiten )

11 Teaserbilder/Slider hängt von Theme-Unterstützung ab Teaserbild wird über Artikelbild festgelegt Artikel für Slider werden meistens über eine bestimmte Kategorie oder Schlagwort festgelegt

12 statische Homepage kann eine Allgemeine Begrüßungsseite sein Verlinkung auf aktuelle Beiträge z.b. über Sidebar oder Menu

13 Wordpress sicherer machen Standard-Usernamen (admin) ändern sichere Passwörter verwenden regelmässig aktualisieren zusätzliche Sicherheitsplugins verwenden

14 Plugins für mehr Sicherheit Akismet Anti-SpamBee Login LockDown Better-WP-Security

15 Backup erstellen Plugin: BackWPup sichert das komplette System automatisiert z.b. zu Dropbox oder den eigenen Webserver

16 Backup wiederherstellen Um ein System-Backup wiederherzustellen sind fortgeschrittenere Kenntnisse nötig Dateien per FTP hochladen Datenbank über phpmyadmin importieren

17 Bildergalerien: Wordpress intern Vorteile Nachteile erfordert kein Plugin Sortierung der Thumbnails per Drag&Drop Reihenfolge in Großansicht hängt von Upload-Reihenfolge ab wenig Gestaltungsmöglichkeiten keine zusätzlichen Effekte EINE Galerie für EINEN Beitrag

18 Bildergalerien: NextGen-Plugin Vorteile Nachteile Flexible Galeriegestaltung Abhängigkeit von Plugin Zahlreiche Zusatzeffekte evtl. Zusatzkosten für Pro-Version Galerien in mehreren Beiträgen einfügbar Bilderverwaltung losgelöst von Wordpress-Medienverwaltung

19 HTML einbinden Über das Text-Widget kann beliebiger, flexibler HTML-Code eingebunden werden Eignet sich z.b. für Embedded-Videos oder Bilder/ Banner Grundlagen HTML/CSS-Kenntnisse erforderlich

20 Plugin: ContactForm 7 erlaubt ausführliche Feedback-Formulare Jedes Formular kann beliebig in Beiträge und Seiten eingebunden werden

21 Plugin: Google Analytics Ermöglicht das Einbinden von Google Analytics ohne Code-Kenntnisse Anonymes Tracking ist aktivierbar

22 Plugin: Share Buttons by Add to Any Ermöglicht das Einbinden zahlreicher Share/Social- Media-Buttons Umfangreiche Konfigurationsmöglichkeiten

23 Plugin: Widget Context Erweitert alle Widgets um ein Optionsmenue mit dem man selektiv Widgets nach unzähligen Kriterien ein/ausblenden kann

24 Plugin: Simple Custom CSS Ermöglicht das Einbinden eigener CSS-Definitionen Überschreibt die CSS-Eigenschaften des Themes ohne das Theme zu ändern Erforder HTML/CSS-Kenntnisse

25 Unterlagen zur Fortbildung Präsentation und ausführliches Skript: