wordpress praxisseminar hw berlin

31
/ 1 Website oder Blog das ist hier keine Frage! Wordpress Einführung 03. & 14. September 2015 | Dozent Hagen Kohn

Upload: hagen-kohn

Post on 29-Jan-2018

442 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Wordpress Praxisseminar HW Berlin

/ 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

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

1. EINSTIEG

BLOG? WEBSITE? WORDPRESS!

/ 3

Page 4: Wordpress Praxisseminar HW Berlin

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

Frontend <--> Backend

In webbasierten Content Management Systemen (CMS) unterscheidet man zwischen

Frontend (Nutzeransicht) und Backend (redaktionelle Bearbeitung).

/ 5

Page 6: Wordpress Praxisseminar HW Berlin

2. GRUNDFUNKTIONEN, DARSTELLUNG,

STATISTIKEN

/ 6

Page 7: Wordpress Praxisseminar HW Berlin

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

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

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

Statistiken

Zusammenfassung der Aufrufe, Klicks, Kommentare, Shares, etc.

/ 10

Page 11: Wordpress Praxisseminar HW Berlin

3. INHALTE

BEITRÄGE, SEITEN, MENÜ, VISUALS

/ 11

Page 12: Wordpress Praxisseminar HW Berlin

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

Seite anlegen

/ 13

Bearbeitung funktioniert wie bei den Beiträgen!

Position im Menü

Page 14: Wordpress Praxisseminar HW Berlin

Text-Link setzen

/ 14

Text markieren und auf Verlinkungssymbol klicken

Page 15: Wordpress Praxisseminar HW Berlin

Funktion „Beitragsbild“

/ 15

Beiträge und Seiten können ein Titelbild enthalten, das über dem Seitentitel erscheint

Page 16: Wordpress Praxisseminar HW Berlin

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

Kontaktformular einfügen

/ 17

Backend

Frontend

Page 18: Wordpress Praxisseminar HW Berlin

Menü bearbeiten

/ 18

Vorhandene Seiten hinzufügen Per Drag-and-Drop organisieren

Page 19: Wordpress Praxisseminar HW Berlin

Einbetten von externen Foto-Galerien (Flickr)

/ 19

Code kopieren und in das

Textfeld des Beitrags einfügen

Page 20: Wordpress Praxisseminar HW Berlin

Einbetten von Videos (YouTube)

/ 20

„Teilen“ klicken

URL kopieren und in den

Beitrag einfügen

Page 21: Wordpress Praxisseminar HW Berlin

4. WIDGETS & VERNETZUNG

LINKS, PROFILBILD, SOCIAL MEDIA

/ 21

Page 22: Wordpress Praxisseminar HW Berlin

Widgets installieren

/ 22

Drag and drop:

gewünschtes Widget in die Sidebar ziehen

Page 23: Wordpress Praxisseminar HW Berlin

Vielfältige Möglichkeiten

/ 23

Externe Inhalte anzeigen

Bild aus Mediathek einfügen

Page 24: Wordpress Praxisseminar HW Berlin

Widgetbereich im Backend

/ 24

Gewünschte Widgets per Drag-and-Drop

rüberziehen und anordnen

Page 25: Wordpress Praxisseminar HW Berlin

5. VERNETZUNG

SHARING FUNKTIONEN

/ 25

Page 26: Wordpress Praxisseminar HW Berlin

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

Social-Media-Profile verknüpfen

/ 27

Dadurch werden unter den Beiträgen automatisch Sharing-Buttons angezeigt.

Page 28: Wordpress Praxisseminar HW Berlin

Kommentieren = Vernetzen (1)

/ 28

Kontroverses

Thema

Beitrag

anlässlich einer

„Blogparade“

Page 29: Wordpress Praxisseminar HW Berlin

Kommentieren = Vernetzen (2)

Kommentare

verlagern sich

auf Facebook

Die Initiatorin der

Blogparade diskutiert

natürlich mit

/ 29

Page 31: Wordpress Praxisseminar HW Berlin

Wir freuen uns auf Ihre Fragen und Hinweise.

Vielen Dank!