wordpress praxisseminar hw berlin

/ 1

Website oder Blog – das ist hier keine Frage!

Wordpress Einführung

03. & 14. September 2015 | Dozent Hagen Kohn

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

1. EINSTIEG

BLOG? WEBSITE? WORDPRESS!

/ 3

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

Frontend <--> Backend

In webbasierten Content Management Systemen (CMS) unterscheidet man zwischen

Frontend (Nutzeransicht) und Backend (redaktionelle Bearbeitung).

/ 5

2. GRUNDFUNKTIONEN, DARSTELLUNG,

STATISTIKEN

/ 6

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).

Grundelemente der Seite

/ 8

Sidebar mit „Widgets“

(Menü, Links, Portraitbild, etc.)

Seitentitel, Slogan,

Header-Image Aktueller Beitrag

(Blogfunktion)

Startseite (aktuelle Beiträge)

Statische Seite

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“

Statistiken

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

/ 10

3. INHALTE

BEITRÄGE, SEITEN, MENÜ, VISUALS

/ 11

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

Seite anlegen

/ 13

Bearbeitung funktioniert wie bei den Beiträgen!

Position im Menü

Text-Link setzen

/ 14

Text markieren und auf Verlinkungssymbol klicken

Funktion „Beitragsbild“

/ 15

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

Google-Kalender einbetten

/ 16

Den „Embed-Code“ in den Einstellungen des Google-Kalenders kopieren und ins Textfeld der Seite einfügen.

Kontaktformular einfügen

/ 17

Backend

Frontend

Menü bearbeiten

/ 18

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

Einbetten von externen Foto-Galerien (Flickr)

/ 19

Code kopieren und in das

Textfeld des Beitrags einfügen

Einbetten von Videos (YouTube)

/ 20

„Teilen“ klicken

URL kopieren und in den

Beitrag einfügen

4. WIDGETS & VERNETZUNG

LINKS, PROFILBILD, SOCIAL MEDIA

/ 21

Widgets installieren

/ 22

Drag and drop:

gewünschtes Widget in die Sidebar ziehen

Vielfältige Möglichkeiten

/ 23

Externe Inhalte anzeigen

Bild aus Mediathek einfügen

Widgetbereich im Backend

/ 24

Gewünschte Widgets per Drag-and-Drop

rüberziehen und anordnen

5. VERNETZUNG

SHARING FUNKTIONEN

/ 25

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

Social-Media-Profile verknüpfen

/ 27

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

Kommentieren = Vernetzen (1)

/ 28

Kontroverses

Thema

Beitrag

anlässlich einer

„Blogparade“

Kommentieren = Vernetzen (2)

Kommentare

verlagern sich

auf Facebook

Die Initiatorin der

Blogparade diskutiert

natürlich mit

/ 29

Transmediale Kommunikation

/ 30

Wir freuen uns auf Ihre Fragen und Hinweise.

Vielen Dank!