Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)

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

Vorstellungsrunde
Wer sind wir?
Was machen wir?
Webseite zum Kurs:
http://beuthworkshop.wordpress.com

Vorstellungsrunde
Wer seid ihr?
● Name & Semester
● Vorwissen / Erfahrungen mit WordPress
● Erwartungen an den Kurs

Kursinhalte
● Installation von WordPress
● WordPress-Backend
● Seiten erstellen & bearbeiten
● Menüs anlegen
● Themes & Plugins

Kursziele
Einführung in die Grundlagen von WordPress
● Kennenlernen der wichtigsten Funktionen
● WordPress-Seite Erstellen, Verwalten & Aktualisieren
● Möglichkeit das Wissen nach dem Kurs zu vertiefen

Agenda
für den 23.11.2013 // WordPress Kurs Teil 1
Einführung & Vorbemerkungen
Voraussetzungen & Installation
WordPress-Backend
Feedback & Ausblick

Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend
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.)

Einführung & Vorbemerkungen | Voraussetzungen & Installation | WordPress-Backend| Themes installieren
Was ist ein CMS?

Weitere CMS

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

Vorteile von WordPress
● kostenlos und Open Source
● sehr leicht zu bedienendes CMS
● zahlreiche kostenlose Plugins
● große Community im Hintergrund
● Ständige Weiterentwicklung

Nachteile von WordPress
● bei unsicheren Passwörtern hohe
Angriffsfläche für Hacker
● weniger geeignet für große
Webseiten oder Online-Shops

WordPress - Funktionen
● WYSIWYG-Editor
● Kommentarfunktionen
● Beiträge kategorisieren
und verschlagworten
● Vergabe von verschiedenen
Benutzerollen und Rechten
● leichte Einbindung von Medien
● Nutzung von verschiedenen
Templates
● Responsive

WordPress - Beispiele
http://beuthworkshop.wordpress.com/ (Bsp. Responsive)
http://blog.tagesschau.de/ (Bsp. Blog)
http://ebay.de/ (Bsp. Shop)
http://www.greatgorillarun.org/
http://heypapalegend.com/
Viele weitere Beispiele unter: http:
//wordpress.org/showcase/

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

Alternative: lokale Serverumgebung
XAMPP für Windows MAMP für MacOS

Installation mit XAMPP
● lokale Testumgebung
● kostenlose Software
● simuliert Server, Datenbank & PHP
● funktioniert unter Windows (& Mac)
● portable Version verfügbar

Installation von XAMPP
Download unter
http://www.apachefriends.org/de/xampp-windows.html
(auf Rechnern schon vorinstalliert)

WordPress
Serverumgebung
Datenbank
Was brauchen wir für die Installation?
1.
2.
3.

XAMPP starten

Datenbank anlegen
Im Browser folgende URL aufrufen:
http://localhost/phpmyadmin/
DB-Name: wordpress

WordPress downloaden
● Aktuelle WordPress Version (deutsch) downloaden unter:
http://de.wordpress.org/
● WordPress-Ordner aus der runtergeladenen Zip-Datei in den
htdocs Ordner in XAMPP legen, Pfad:
H: > xampp > htdocs

WordPress vorbereiten
● im Wordpress-Ordner “wp-config-sample.php” umbenennen in
“wp-config.php”
● wp-config.php öffnen und folgende Daten eingeben und speichern:

WordPress vorbereiten

WordPress installieren
Im Browser folgende URL aufrufen und
Installtionsanweisungen folgen:
http://localhost/wordpress
Wichtig!
Username: admin
Passwort: password

Juhu, wir haben WordPress installiert!
Pause!

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

Artikel vs. Seiten
dynamische Seiten statische Seiten
Bsp. Blogeintrag Bsp. Impressum

Seiten erstellen
1.

Seiten erstellen

Seiten erstellen
1.
2.
5.
6.
4.
3.

Menüs anlegen
● im Backend unter: Design - Menüs

Menüs anlegen
1. Menü erstellen
> Namen vergeben

Menüs anlegen
2. Menü auswählen

Menüs anlegen
3. Menüpunkte auswählen

Menüs anlegen
1.
2.
4.
3.
4. Menüpunkte anordnen
und verschachteln

Startseite : Start / Beitragseite: Blog

Videos einbinden mit oEmbed
Das oEmbed-Protokoll macht es möglich, zahlreiche Webdienste wie
YouTube oder Flickr, einfach über die URL in WordPress einzubinden.
Genaue Webdienst-Übersicht: 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

Fragen & Feedback | Aufgabe | Ausblick

Fragen & Feedback | Aufgabe | Ausblick
Aufgabe: Theme raussuchen
Linkliste mit kostenlosen Themes auf unserem Blog:
http://beuthworkshop.wordpress.com/themes-2/

Ausblick für den 30. November 2013
● kurze Wiederholung & Übung
● Themes installieren (Widgets & Impressum)
● Plugins vorstellen & installieren
● Benutzer verwalten
● Host-Empfehlungen geben
● Fragen, Evaluierung & Feedbackrunde
Fragen & Feedback |Aufgabe | Ausblick

Vielen Dank!
Bis zum nächsten Termin:
30. November 2013 um 10:00 Uhr
Raum B341

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (9)

Ähnlich wie Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)

Ähnlich wie Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1) (7)

Begleitfolien zum WordPress Einsteiger-Workshop (Teil 1)