Begleitfolien zum WordPress Einsteiger-Workshop (Teil 2)

Nadine Edelmann // Klaudia Fernowka // Magdalena Kierat // Anne Schwertfeger
Tutoring Projekt II // Master Druck- und Medientechnik // Beuth Hochschule für Technik Berlin // Berlin, 30.11.2013

Agenda
für den 30.11.2013 // WordPress Kurs Teil 2
Wiederholung & Übung
Themes installieren
Plugins vorstellen & installieren
Benutzer verwalten
Host-Empfehlungen

Wiederholung-

Fragen zur letzter Woche?
Wiederholung & Übung| Themes | Plugins | Benutzer verwalten | Host-Empfehlungen

Was ist ein CMS?
● CMS = Content-Management-System
● Software zur gemeinschaftlichen Erstellung, Bearbeitung und
Organisation von Inhalten, zumeist von Webseiten
● Verwalten von Inhalten (Texten, Bildern, Links, etc.)

Was ist WordPress?
● ursprünglich eine Blogsoftware
● eignet sich auch als CMS für statische Seiten
● betriebssystem- und plattformunabhängig

Unterschied com vs. org
● .com-Version: eingeschränkt, kostenloser Webspace
● .org-Version: volle Funktion, kostenpflichtiger
Hostinganbieter notwendig

Voraussetzungen für WordPress
● Webspace: über Host (10GB meist ausreichend)
● Datenbank: MySQL-Version 5.0 oder höher
● Scriptsprache: PHP-Version 5.2.4. oder höher

WordPress Installation

XAMPP starten

WordPress aufrufen
● Frontend:
http://localhost/wordpress/
● Backend:
http://localhost/wordpress/wp-admin

Übung
1) 1 neuen Beitrag anlegen (inkl. Blindtext + Moretag + Beitragsbild)
2) 1 neue Seite anlegen (inkl. Blindtext + Bild)
3) 1 neue Kategorie & Schlagwort anlegen (Beiträge zuweisen!)
4) Permalinks prüfen und ggf. anpassen
5) 1 neues Menü anlegen und aktivieren

WordPress Bildergalerie

Einfach Videos einbinden durch oEmbed
Das oEmbed-Protokoll macht es möglich, zahlreiche Webdienste wie
YouTube oder Flickr über die URL in WordPress einzubinden.
Liste aller unterstützten Dienste: http://codex.wordpress.
org/Embeds

Google Maps einbinden über HTML-Code
1. Google Maps aufrufen https://maps.google.de/, Adresse eingeben
2. Über Link-Symbol Vorschau anzeigen lassen

3. Karte nach Belieben
anpassen und
HTML-Code kopieren

4. HTML-Code per Editor-Text-Ansicht in Seite/Beitrag einfügen

Pause!

Widgets
● Inhaltsblöcke bzw. kleine Bausteine
● im Backend festlegt & im Frontend sieht (rechts, links, footer)
Kalender, Suche, Schlagwortwolke, letzte Einträge, RSS...
● vom Theme abhängig
● Drag & Drop im Backend hinzufügen

Theme (Template)
● Designvorlage, die das Aussehen / Frontend der Website bestimmt
● ein Standard-Design wird immer mit installiert
● verfügen über unterschiedliche Widgets ( z.B. Bildergalerie, Kalender)
Backend > Design > Themes

Wo bekommt man Themes her?
● Backend von Wordpress (kostenlose/ kostenpflichtige)
unter dem Menüpunkt: Design
● unzählige Websiten bieten Themes an (kostenlose/ kostenpflichtige)
Linkliste mit kostenlosen Themes auf unserem Blog:
http://beuthworkshop.wordpress.com/themes-2/

Woran erkennt man gute Themes?
● wirklich gute Themes meist kostenpflichtg (ca. 20 Euro)
● Browser- und Mobile-Kompatibilität (responsive)
● haben vielfältige Funktionen und Widgets
● haben viele Einstellungsmöglichkeiten
● Aktualität und gute Bewertung

Theme Installation
Zwei Möglichkeiten:
1. Installation von Themes aus dem Backend
2. Installation von externen Themes

1. Themes installieren aus dem Backend
● unter Design > Themes > Themes installieren > Suchen
● Klick auf - jetzt installieren
● unter dem Reiter Themes verwalten - Klick auf aktivieren

2. Externe Themes installieren
● Theme Download von einer externen Seite (http://beuthworkshop.
wordpress.com/themes-2/)
● Backend > Themes > Themes installieren > Hochladen (zip)
● unter dem Reiter Themes verwalten - Klick auf aktivieren

Impressum - Warum?
● gesetzlich vorgeschriebene Herkunftsangabe
● wird schon notwendig bei Verlinkungen zu externen Inhalten
● Haftungsauschluss für Inhalte und Links / Urheberrecht
→ Webseite wird rechtssicher!

Impressumgenerator
Schnelle und einfache Erstellung durch Impressum Generator:
http://www.e-recht24.de/impressum-generator.html
Quelle muss angegeben werden!

Plugins
● Funktionserweiterungen für WordPress (für backend & frontend)
● i.d.R kostenlos
● nur auf WordPress.org möglich

Wozu Plugins?
● Slider, Bildergalerien
● Suchmaschinenoptimierung
● Back Ups & Sicherheit
... und viele weitere Zusatzfunktionen

Contact Form 7

WP Nivo Slider

Yet Another Related Posts Plugin

All In One Event Calender

All in One Seo Pack

Gute Plugins erkennen durch...
● Aktualität und Bewertung
● Anleitungen und Hilfestellungen
● Positive Kommentare im Forum
● Support des Entwicklers
● Kompatibilität

Was man beachten sollte
● zu viele Plugins verlangsamen die Seite
● Plugins können auch Schäden anrichten
● teilweise schwer individualisierbar

Plugins installieren
● Suchen unter "Plugins" " installieren"
● Installieren: Contact Form 7

Suchmaschinenoptimierung
● Suchen unter "Plugins" " installieren"
● Installieren: All In One SEO Pack

Übung
● Installiert euch ein Plugin eurer Wahl
● Eine Liste mit Plugins findet ihr auf unserem Blog
beuthworkshop.wordpress.com/plugins
und außerdem auf der Wordpress webseite
wordpress.org/plugins

Kurze ...
Pause!

Back Ups
● regelmäßige BackUps sind sehr wichtig!
● vor Aktualisierungen des Systems, der Themes oder Plugins
● Für ein vollständiges BackUp:
1. WordPress-Dateien sichern
2. Datenbank sichern

Manuelles BackUp
1. WordPress-Dateien über FTP-Server runterladen
2. Datenbank über PHPMyAdmin (oder Service-Bereich des Hosters)
runterladen
Hilfe zum BackUp unter:
beuthworkshop.wordpress.com/installation

Back Up Plugin - BackWPup

Benutzer verwalten – Benutzer-Rechte
● Administrator – alle Funktionen uneingeschränkt nutzen
● Redakteur – alle Seiten/Beiträge aller Benutzer erstellen,
editieren, löschen, veröffentlichen
● Autor – eigene Beiträge erstellen, editieren, löschen,
veröffentlichen
● Mitarbeiter – eigene Beiträge erstellen, editieren, löschen
● Abonnent – nur sein eigenes Profil anpassen

Host/ Webhost
● ein Unternehmen (Provider) das Speicherplatz (Webspace)
auf Webservern bereitstellt
● vermietet Ressourcen gegen Bezahlung
● bieten unterschiedliche Leistungen/ Angebote
(Speicherplatz, versch. Skriptsprachen, Datenbanksysteme,...)

Host-Anbieter-Auswahl

Den richtigen Host finden
Auswahlkriterien (Prioritäten vergeben nach Art & Umgang der Webseite)
● Preis
● Leistungsumfang
● Technik
● Sonstiges

Preis
● Setup-Gebühren , monatliche Kosten, versteckte Kosten
Leistungsumfang
● Domains, Datenbank, Programmiersprachen, Speicherplatz,
Einschränkungen
Technik
● Verfügbarkeit, Arbeitsspeicher, Datensicherung
Sonstiges
● Erfahrungen, Vertragslänge, Support

Host-Empfehlungen

Fragen & Feedback
Fragen & Feedback | Weiterführende Informationen

Fragen & Feedback | Weiterführende Informationen

Vielen Dank!
Weiterführende Informationen
findet ihr unter:
http://beuthworkshop.wordpress.com/

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 2)

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (8)

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 2)