Wordpress Praxisseminar HW Berlin
-
Upload
hagen-kohn -
Category
Internet
-
view
442 -
download
1
Transcript of Wordpress Praxisseminar HW Berlin
![Page 1: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/1.jpg)
/ 1
Website oder Blog – das ist hier keine Frage!
Wordpress Einführung
03. & 14. September 2015 | Dozent Hagen Kohn
![Page 2: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/2.jpg)
Agenda
Einstieg: Blog? Webseite? Wordpress!
Grundfunktionen, Darstellung, Statistiken
Inhalte
Beiträge und Seiten anlegen
Hauptmenü anlegen
Bilder, Videos und Kalender einbinden
Sidebar-Widgets
Links zu anderen Seiten
Social-Media-Kästen (Facebook/ Twitter, etc.)
Veranstaltungskalender
Vernetzung
Sharing-Funktionen
/ 2
![Page 3: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/3.jpg)
1. EINSTIEG
BLOG? WEBSITE? WORDPRESS!
/ 3
![Page 4: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/4.jpg)
Wordpress.com (Service) vs. Wordpress.org (Software)
A: Gehostete Seite bei Wordpress.com:
• Anmelden, Wunschdomain eintragen (www.seitenname.wordpress.com),
Theme (Layout) auswählen… los geht´s!
B: Wordpress Software auf der eigenen Domain (wordpress.org):
• Domain wählen oder neu kaufen (www.meinedomain.de)
• Provider wählen (1&1, Strato, etc.)
• Wordpress auf Server installieren
• Theme auswählen und installieren
• Theme anpassen/ Plugins installieren
-> mehr Möglichkeiten als bei Wordpress.com
/ 4
![Page 5: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/5.jpg)
Frontend <--> Backend
In webbasierten Content Management Systemen (CMS) unterscheidet man zwischen
Frontend (Nutzeransicht) und Backend (redaktionelle Bearbeitung).
/ 5
![Page 6: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/6.jpg)
2. GRUNDFUNKTIONEN, DARSTELLUNG,
STATISTIKEN
/ 6
![Page 7: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/7.jpg)
Layout („Theme“) auswählen
/ 7
Aktuelles Theme
„Twenty Fifteen“
Kostenlose Themes können jederzeit aktiviert werden. Die Inhalte bleiben dabei erhalten,
müssen aber in der Regel an die neue Struktur angepasst werden (Images, Menü, Widgets).
![Page 8: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/8.jpg)
Grundelemente der Seite
/ 8
Sidebar mit „Widgets“
(Menü, Links, Portraitbild, etc.)
Seitentitel, Slogan,
Header-Image Aktueller Beitrag
(Blogfunktion)
Startseite (aktuelle Beiträge)
Statische Seite
![Page 9: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/9.jpg)
Dashboard-Ansicht
Das Backend-Dashboard ist die „Rückansicht“ des Blogs. Hier werden neue Artikel geschrieben, alle
Einstellungen vorgenommen und Statistiken über die Besucher dargestellt.
/ 9
Wechsel zum
„Frontend“
![Page 10: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/10.jpg)
Statistiken
Zusammenfassung der Aufrufe, Klicks, Kommentare, Shares, etc.
/ 10
![Page 11: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/11.jpg)
3. INHALTE
BEITRÄGE, SEITEN, MENÜ, VISUALS
/ 11
![Page 12: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/12.jpg)
Inhalte erstellen
/ 12
Formatvorlagen
Titel
Text Veröffentlichen
erweitertes Menü anzeigen
Wordpress unterschiedet zwischen Beiträgen und Seiten. Beiträge sind dynamisch, d.h. neue
werden automatisch übereinander nach ihrem Erstellungsdatum angeordnet.
Seiten sind statisch und bilden jeweils einen eigenen Menüpunkt in der Navigation.
Bild oder Galerie einfügen
![Page 13: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/13.jpg)
Seite anlegen
/ 13
Bearbeitung funktioniert wie bei den Beiträgen!
Position im Menü
![Page 14: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/14.jpg)
Text-Link setzen
/ 14
Text markieren und auf Verlinkungssymbol klicken
![Page 15: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/15.jpg)
Funktion „Beitragsbild“
/ 15
Beiträge und Seiten können ein Titelbild enthalten, das über dem Seitentitel erscheint
![Page 16: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/16.jpg)
Google-Kalender einbetten
/ 16
Den „Embed-Code“ in den Einstellungen des Google-Kalenders kopieren und ins Textfeld der Seite einfügen.
![Page 17: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/17.jpg)
Kontaktformular einfügen
/ 17
Backend
Frontend
![Page 18: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/18.jpg)
Menü bearbeiten
/ 18
Vorhandene Seiten hinzufügen Per Drag-and-Drop organisieren
![Page 19: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/19.jpg)
Einbetten von externen Foto-Galerien (Flickr)
/ 19
Code kopieren und in das
Textfeld des Beitrags einfügen
![Page 20: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/20.jpg)
Einbetten von Videos (YouTube)
/ 20
„Teilen“ klicken
URL kopieren und in den
Beitrag einfügen
![Page 21: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/21.jpg)
4. WIDGETS & VERNETZUNG
LINKS, PROFILBILD, SOCIAL MEDIA
/ 21
![Page 22: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/22.jpg)
Widgets installieren
/ 22
Drag and drop:
gewünschtes Widget in die Sidebar ziehen
![Page 23: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/23.jpg)
Vielfältige Möglichkeiten
/ 23
Externe Inhalte anzeigen
Bild aus Mediathek einfügen
![Page 24: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/24.jpg)
Widgetbereich im Backend
/ 24
Gewünschte Widgets per Drag-and-Drop
rüberziehen und anordnen
![Page 25: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/25.jpg)
5. VERNETZUNG
SHARING FUNKTIONEN
/ 25
![Page 26: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/26.jpg)
Links bearbeiten und hinzufügen
/ 26
Hier können neue Links
hinzugefügt werden Hier können Links bearbeitet und
gelöscht werden
Hier löschen
![Page 27: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/27.jpg)
Social-Media-Profile verknüpfen
/ 27
Dadurch werden unter den Beiträgen automatisch Sharing-Buttons angezeigt.
![Page 28: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/28.jpg)
Kommentieren = Vernetzen (1)
/ 28
Kontroverses
Thema
Beitrag
anlässlich einer
„Blogparade“
![Page 29: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/29.jpg)
Kommentieren = Vernetzen (2)
Kommentare
verlagern sich
auf Facebook
Die Initiatorin der
Blogparade diskutiert
natürlich mit
/ 29
![Page 30: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/30.jpg)
Transmediale Kommunikation
/ 30
![Page 31: Wordpress Praxisseminar HW Berlin](https://reader033.fdocument.pub/reader033/viewer/2022051710/5a6e2e467f8b9a505f8b53df/html5/thumbnails/31.jpg)
Wir freuen uns auf Ihre Fragen und Hinweise.
Vielen Dank!