Einstieg in WordPress 4 - Store & Retrieve Data Anywhere · 5 Die ersten Schritte im Backend von WordPress 106 Benutzerrolle ihnen dann standardmäßig zugewiesen wird. In Ihrem eigenen

LeseprobeEndlich eine eigene Website erstellen! Mit WordPress 4 und unter Peter Müllers Anleitung kein Problem. Lesen Sie hier, wie Sie mit WordPress richtig starten und mit einfachen Mitteln eine moderne Website gestalten. Außerdem enthält diese Leseprobe das Inhalts-verzeichnis und das gesamte Stichwortverzeichnis des Buchs.

Peter Müller

Einstieg in WordPress 4468 Seiten, broschiert, Juli 2015 24,90 Euro, ISBN 978-3-8362-2913-5

www.rheinwerk-verlag.de/3627

»Die ersten Schritte im Backend von WordPress« »Die ersten Seiten und Beiträge«

Inhalt

Index

Der Autor

Leseprobe weiterempfehlen

Know-how für Kreative.Wissen, wie’s geht.

mailto:?body=Leseproben-Empfehlung: �Einstieg in WordPress 4� von Rheinwerk, http://gxmedia.galileo-press.de/leseproben/3627/leseprobe_rheinwerk_einstieg_in_wordpress_4.pdf&subject=Leseprobe: �Einstieg in WordPress 4�

https://www.rheinwerk-verlag.de/einstieg-in-wordpress-4_3627/?GPP=lpn

99

5

Kapitel 5

Die ersten Schritte im Backend von WordPress

Worin Sie sich mit dem Backend vertraut machen, die wichtigsten

Einstellungen vornehmen und Ihr Benutzerprofil anpassen.

Die Themen im Überblick:

� Das Backend von WordPress im Überblick, Seite 100

� Das Menü »Einstellungen« im Überblick, Seite 103

� »Allgemein«: Blogtitel & Co., Seite 105

� »Lesen«: Beiträge, Newsfeed und Suchmaschinen, Seite 109

� »Permalinks«: aussagekräftige Adressen für Beiträge, Seite 111

� »Benutzer«: Ihr Benutzerprofil im Überblick, Seite 115

� »Avatar«: das Profilbild für Benutzer, Seite 120

� Exkurs: das Backend auf WordPress.com, Seite 124

� Auf einen Blick, Seite 126

In diesem Kapitel machen Sie die ersten Schritte in Ihrem funkelnagelneuen WordPress

und lernen die wichtigsten Backend-Bereiche kennen. Dabei geht es in diesem Buch in ers-

ter Linie um das Arbeiten mit dem Backend von WordPress auf dem eigenen Webspace.

Am Ende des Kapitels stelle ich Ihnen aber das Backend auf WordPress.com kurz vor.

»Schutzschild« aktivieren, falls Sie noch nicht öffentlich arbeiten möchten

Die Website ist bereits online erreichbar, und falls Sie lieber erst einmal ohne Besucher

alles in Ruhe ausprobieren möchten, können Sie in einem selbst gehosteten WordPress

zunächst das in Abschnitt 17.1 beschriebene Plug-in WP Maintenance Mode installieren.

Das Plug-in erstellt für nicht am Backend angemeldete Besucher und Suchmaschinen

eine Seite mit einem Hinweis, dass an dieser Website gerade gearbeitet wird. Sie selbst

hingegen sehen als Administrator das Frontend und das Backend ganz normal und kön-

nen alles ausprobieren. Wie Sie Plug-ins installieren, erfahren Sie in Kapitel 15, »Word-

Press erweitern: Plug-ins installieren«.

2913.book Seite 99 Dienstag, 30. Juni 2015 4:19 16

5 Die ersten Schritte im Backend von WordPress

100

5.1 Das Backend von WordPress im Überblick

Im Backend von WordPress werden Sie viel Zeit verbringen, denn hier werden Beiträge

geschrieben, Bilder eingebunden, Kommentare verwaltet und vieles mehr. Kurzum:

Alles, was die Besucher im Frontend sehen, wird hier im Backend erstellt und verwaltet.

Das Backend eines selbst installierten WordPress besteht nach einer erfolgreichen

Anmeldung aus drei großen Bereichen:

� Werkzeugleiste 1

� Menüleiste 2

� Inhaltsbereich 3

Abbildung 5.1 zeigt diese drei Bereiche im Überblick, wobei der Menüpunkt Dash-

board ausgewählt ist.

Abbildung 5.1 Das Backend – WordPress auf dem eigenen Webspace

5.1.1 Die »Werkzeugleiste« am oberen Bildschirmrand

Abbildung 5.2 zeigt die Werkzeugleiste am oberen Rand des Browserfensters. Sie wird

oft auch Admin-Leiste oder Admin-Toolbar genannt.

Die Werkzeugleiste erscheint, wenn Sie im Backend angemeldet sind, auch im Frontend

und ist sehr praktisch zum Wechseln zwischen Front- und Backend.


5.1 Das Backend von WordPress im Überblick

101

5

Abbildung 5.2 Die Werkzeugleiste von WordPress.org

Diese Werkzeugleiste bietet folgende Optionen:

� Das WordPress-Logo 1 ganz links ist ein Dropdown-Menü mit einigen Links wie

Über WordPress, Support-Foren und Feedback, von denen die meisten zu Word-

Press.org führen.

� Rechts daneben sehen Sie ein Häuschen mit dem Blogtitel 2. Ein Klick darauf öffnet

das Frontend, und zwar im selben Browserfenster. Im Frontend führt derselbe Link

wieder zurück ins Backend.

� Die Sprechblase 3 steht für Kommentare, und die Zahl daneben zeigt die Anzahl der

Kommentare. Ein Klick bringt Sie direkt ins Menü Kommentare.

� + Neu 4 ist ein Dropdown-Menü mit verschiedenen Links, mit denen Sie schnell

einen neuen Beitrag, eine neue Datei (gemeint ist das Hochladen von Medien), eine

neue Seite und einen neuen Benutzer erstellen können.

� Willkommen, waldemar 5 ganz außen rechts ist ein Dropdown-Menü mit den

Links Profil bearbeiten und Abmelden.

Viele Links in der Werkzeugleiste sind Abkürzungen zu häufig benutzten Menübefeh-

len, die Sie im Laufe des Buches näher kennenlernen werden.

5.1.2 Die »Menüleiste« ist die Schaltzentrale im Backend

Die Menüleiste am linken Bildschirmrand ist die Schaltzentrale im Backend und enthält

nach der Installation zehn Menüs (Abbildung 5.3).

Der aktuell ausgewählte Menüpunkt wird farblich hervorgehoben, und am rechten

Rand zeigt ein kleines Dreieck darauf. Das Menü Dashboard 1 wird gleich in Ab-

schnitt 5.1.3 vorgestellt, die restlichen Menüs lernen Sie im weiteren Verlauf des Buches

kennen. Sie können in zwei Blöcke unterteilt werden:

� Im ersten Block geht es in den Menüs Beiträge 2, Medien 3, Seiten 4 und Kom-

mentare 5 um die Inhalte auf Ihrer Website.

� Die Menüs im zweiten Block darunter kümmern sich um die Konfiguration. Hier

gibt es Menüs für Design 6, Plugins 7, Benutzer 8, Werkzeuge 9 und Einstel-

lungen j.



102

Abbildung 5.3 Die Menüleiste von WordPress

Mit dem Befehl Menü einklappen ganz unten in der Menüleiste können Sie, tja, das

Menü einklappen. Sie sehen dann lediglich die Symbole, was besonders auf Geräten mit

kleinen Bildschirmen nützlich sein kann.

5.1.3 Das »Dashboard« – alles Wichtige auf einen Blick

Nach der Anmeldung am Backend wird das Menü Dashboard angezeigt. Dashboard

heißt auf Deutsch Armaturenbrett, und das Symbol daneben ist dazu passend ein Tacho.

Das Dashboard hat zwei Unterseiten namens Home und Aktualisierungen. In Abbil-

dung 5.4 sehen Sie die Seite Dashboard � Home.

Abbildung 5.4 zeigt die wichtigsten Parameter im Überblick. Sie sehen diverse weiße

Rechtecke mit einer Überschrift, in denen zusammengehörige Funktionen gruppiert

werden:

� Der Bereich Willkommen 1 enthält einige nützliche Links, die besonders am

Anfang hilfreich sein können. Wenn Sie das Backend besser kennengelernt haben,

können Sie den Bereich über den Link Verwerfen oder über die Optionen 6 aus-

blenden.

� Auf einen Blick 2 zeigt Ihnen, wie viele Beiträge, Seiten und Kommentare es gibt,

welches Theme verwendet wird und ob die Site momentan von Suchmaschinen

durchsucht werden kann oder nicht.


5.2 Das Menü »Einstellungen« im Überblick

103

5

� Aktivität 3 zeigt kürzlich veröffentlichte Beiträge und Kommentare.

� Schneller Entwurf 4 ist ideal, um Ideen für Blogbeiträge festzuhalten. Sie geben

einen Titel und ein paar Stichworte ein und klicken auf Speichern. Der Text wird als

Entwurf gespeichert und kann später im Menü Beiträge weiterbearbeitet werden.

� Die WordPress Nachrichten 5 werfen einen Blick über den Tellerrand und zeigen

Schlagzeilen von Blogs und Websites, die mit WordPress zu tun haben.

Mit den Optionen 6 rechts oben können Sie auf jeder Backend-Seite die zur Verfügung

stehenden Bereiche ein- und ausblenden und die Seiten so übersichtlicher machen.

Auf der zweiten Seite im Dashboard, Aktualisierungen 7, finden Sie eine Übersicht

eventuell anstehender Updates für WordPress, Plug-ins, Themes oder Übersetzungen.

Abbildung 5.4 Das Dashboard von WordPress.org

5.2 Das Menü »Einstellungen« im Überblick

Bevor Sie sich dem Erstellen von Inhalten in allen seinen Facetten widmen, werfen Sie

in diesem Kapitel einen Blick auf die wichtigsten Einstellungen, damit das Blog von

Anfang an auf einem soliden Fundament steht.



104

Das Menü Einstellungen dient zur Konfiguration von WordPress und ist in die sechs

Bereiche Allgemein, Schreiben, Lesen, Diskussion, Medien und Permalinks

unterteilt (Abbildung 5.5).

Abbildung 5.5 Das Menü »Einstellungen« hat sechs Unterpunkte.

Im Menü Einstellungen gibt es unzählige Optionen, mit denen Sie das Verhalten von

WordPress beeinflussen können. In diesem Kapitel lernen Sie zunächst nur die wich-

tigsten Einstellungen aus den Bereichen Allgemein, Lesen und Permalinks kennen:

� Im Menü Allgemein geht es dabei unter anderem um Blogtitel, Untertitel und Ein-

stellungen zu Datumsformaten.

� Bei den Optionen in Lesen geht es um die Anzahl der auszugebenden Blogbeiträge,

den Newsfeed und die Sichtbarkeit in Suchmaschinen.

� Permalinks sind die Adressen (URLs) für Beiträge in der Einzelansicht, und in die-

sem Bereich stellen Sie ein, nach welchem Schema WordPress die Permalinks erstel-

len soll.

Die anderen drei Bereiche lernen Sie später im Rahmen der dazugehörigen Themen

genauer kennen:

� Im Bereich Schreiben werden unter anderem Feinheiten zur Eingabe und Wege zur

Erstellung von Beiträgen wie Via E-Mail schreiben beschrieben, die eher selten

benutzt werden.

� Im Bereich Lesen können Sie unter anderem festlegen, ob die Startseite die Blogbei-

träge oder statische Inhalte darstellen soll. Diese Option wird in Abschnitt 6.4 vorge-

stellt, alle anderen Einstellungen werden weiter unten in Abschnitt 5.4 beschrieben.

� Im Bereich Diskussion geht es um Kommentare. Den Standardavatar lernen Sie in

Abschnitt 5.7 kennen, die übrigen Optionen stelle ich Ihnen in Abschnitt 10.2 bei der

Verwaltung von Kommentaren vor.

� Im Bereich Medien werden die Bildgrößen für das Hochladen von Bildern festgelegt,

und die entsprechenden Einstellungen werden in Abschnitt 8.1 erläutert.

Los geht es mit einigen nicht ganz unwichtigen allgemeinen Einstellungen.


5.3 »Allgemein«: Blogtitel & Co.

105

5


In diesem Abschnitt stelle ich Ihnen die Optionen aus dem Menü Einstellungen � All-

gemein vor. Abbildung 5.6 zeigt die obere Hälfte des Menüs.

Abbildung 5.6 Das Menü »Einstellungen � Allgemein«

� Die in Abbildung 5.6 dargestellten Optionen zu Seiten- und Untertitel 1 werden in

Abschnitt 5.3.1 ausführlich beschrieben, die anderen gleich hier kurz erläutert:

� WordPress-Adresse (URL) und Seiten-Adresse (URL) 2. Diese beiden Adressen

sind in der Regel identisch, und Sie können und sollten sie unverändert lassen. Sie

sind nur relevant, wenn WordPress in ein Unterverzeichnis installiert wurde, aber

über das Hauptverzeichnis aufgerufen werden soll. Und selbst dann wäre es in den

meisten Fällen eleganter, das Problem nicht hier, sondern mit der Zuweisung einer

Domain in der Webspace-Verwaltungsoberfläche zu lösen (siehe Abschnitt 4.3.3).

� E-Mail-Adresse 3. An diese Adresse schickt WordPress allgemeine Nachrichten zur

Verwaltung und Pflege der Website, z. B. wenn Kommentare von einem Admin frei-

gegeben werden müssen oder wenn sich neue Benutzer angemeldet haben. Für Sie

als Administrator ist diese Adresse meist identisch mit der für benutzerspezifische

Nachrichten in Ihrem Benutzerprofil (siehe weiter unten, Abschnitt 5.6.3).

� Mitgliedschaft und Standardrolle eines neuen Benutzers 4. Hier stellen Sie

ein, ob sich Besucher auf Ihrer Website registrieren können und – wenn ja – welche



106

Benutzerrolle ihnen dann standardmäßig zugewiesen wird. In Ihrem eigenen Blog

sind Sie in der Regel Administrator, der alles kann und alles darf. Mehr über die ande-

ren Rollen erfahren Sie in Abschnitt 18.1. Ohne guten Grund sollten Sie diese Optio-

nen nicht aktivieren.

Weiter unten auf der Seite folgen noch Einstellungen zu Datums- und Zeitangaben, die

in Abschnitt 5.3.2 vorgestellt werden.

5.3.1 Der Name für Ihr Blog: »Seitentitel« und »Untertitel«

Die Optionen Seitentitel und Untertitel sind Ihnen im Laufe des Buches bereits

mehrfach begegnet:

� bei der Planung Ihrer Website in Abschnitt 2.4

� bei der Registrierung auf WordPress.com in Abschnitt 3.3

� bei der Installation von WordPress in Abschnitt 4.3.4

Der Begriff Seitentitel ist an dieser Stelle eigentlich nicht ganz korrekt und ein schönes

Beispiel für die in Abschnitt 1.1.2 beschriebene Verwechslung von Webseite und Website.

Der Seitentitel wird in WordPress manchmal auch Blog-Titel genannt, und gemeint ist

hier der Titel für die gesamte Website. Der Begriff Seitentitel wird Ihnen übrigens beim

Schreiben von Beiträgen und bei der Optimierung für Suchmaschinen noch in einem

ganz anderen Zusammenhang begegnen (siehe Zusatzkapitel, »SEO: die Optimierung

für Suchmaschinen«).

An dieser Stelle geht es also um den Titel für das ganze Blog. Dieser Blogtitel wird in fast

allen Themes an sehr prominenter Stelle im Frontend ausgegeben. Der Untertitel sollte

den Blogtitel in wenigen Worten ergänzen und den Besuchern kurz und knapp erzäh-

len, worum es auf der Website geht. Er steht meist etwas kleiner darunter oder daneben,

wird aber in manchen Themes auch gar nicht ausgegeben.

Im folgenden ToDo überprüfen Sie Seitentitel, Untertitel und die E-Mail-Adresse für

administrative Zwecke.

ToDo: Blogtitel, Untertitel und E-Mail-Adresse überprüfen

1. Öffnen Sie im Backend das Menü Einstellungen � Allgemein.

2. Überprüfen Sie den im Feld Seitentitel eingetragenen Text, und ändern Sie ihn, falls

nötig, z. B. »Beispielblog«.

3. Geben Sie einen passenden Untertitel ein. Falls Ihnen nichts einfällt, schreiben Sie

einfach »Der Einstieg in WordPress«. Sollten Sie keinen Untertitel wünschen, löschen

Sie den Eintrag und lassen das Feld leer.



107

5

4. Überprüfen Sie, ob im Feld E-Mail-Adresse eine geeignete Adresse steht.

5. Lassen Sie alle anderen Optionen unverändert.

6. Speichern Sie die Änderungen mit einem Klick auf die Schaltfläche Änderungen

übernehmen ganz unten auf der Seite, und überprüfen Sie die Änderungen anschlie-

ßend im Frontend.

Eine kurze Anmerkung noch zum Untertitel. Nach einer Standardinstallation lautet der

Untertitel normalerweise Eine weitere WordPress-Seite. Dieser Untertitel sollte auf jeden

Fall geändert werden, auch wenn er im Frontend nicht zu sehen ist, denn im Quelltext

der Webseite ist er vorhanden, und er wird spätestens auf den Ergebnisseiten der Such-

maschinen wieder sichtbar.

Abbildung 5.7 zeigt, dass ungefähr 27.000 WordPress-Admins den Untertitel Eine wei-

tere WordPress-Seite in Einstellungen � Allgemein nicht geändert haben. Der erste

Treffer ist übrigens eine Diskussion zu genau diesem Thema auf forum.wpde.org.

Abbildung 5.7 Der Untertitel erscheint bei Google in den Suchergebnissen.



108

5.3.2 Allgemeine Einstellungen für Zeit, Datum und Sprache der Seite

In der unteren Hälfte der Seite Einstellungen � Allgemein geht es um verschiedene

Einstellungen zur Zeitzone und zum Datums- und Zeitformat. Außerdem wird festge-

legt, mit welchem Tag die Woche beginnt und welche Sprache die Site haben soll.

Abbildung 5.8 Die untere Hälfte von »Einstellungen � Allgemein«

Die in Abbildung 5.8 gezeigten Optionen sind für eine Website im deutschsprachigen

Raum durchaus sinnvoll:

� Zeitzone 1 ist z. B. Berlin. Die in der Dropdown-Liste gezeigte koordinierte Welt-

zeit (UTC) entspricht übrigens der Greenwich Mean Time (GMT) und ist deren offi-

zieller Nachfolger.

� Beim Datumsformat 2 wählen Sie das, was Sie in Ihrem Blog am liebsten sehen

würden. Im deutschsprachigen Raum üblich ist die Reihenfolge Tag-Monat-Jahr.

� Zeitformat 3. Hier stellen Sie das gewünschte Zeitformat ein.

� Die Woche beginnt am 4 Montag. Meistens jedenfalls.

� Sprache der Seite 5 ist wahrscheinlich Deutsch. Gemeint ist die Sprache der Site.


5.4 »Lesen«: Beiträge, Newsfeed und Suchmaschinen

109

5

Im folgenden ToDo überprüfen Sie die Datums- und Zeitformate.

ToDo: Datums- und Zeitformate überprüfen

1. Öffnen Sie im Backend das Menü Einstellungen � Allgemein.

2. Überprüfen Sie, ob bei der Option Zeitzone eine zutreffende Stadt oder Zeitzone

ausgewählt wurde, z. B. Berlin.

3. Wählen Sie bei Datumsformat das von Ihnen gewünschte Format aus.

4. Überprüfen Sie, ob das gewählte Zeitformat Ihren Vorstellungen entspricht.

5. Prüfen Sie, ob der erste Wochentag und die Sprache der Seite stimmen.

6. Speichern Sie die Einstellungen mit einem Klick auf die Schaltfläche Änderungen

übernehmen ganz unten auf der Seite.

5.4 »Lesen«: Beiträge, Newsfeed und Suchmaschinen

Abbildung 5.9 zeigt die Optionen im Menü Einstellungen � Lesen.

Abbildung 5.9 Die Optionen im Menü »Einstellungen � Lesen«

Insgesamt gibt es im Menü Lesen fünf Bereiche. Die Optionen von Startseite zeigt 1

werden in Abschnitt 6.4 ausführlich erklärt, bleiben also noch vier weitere:



110

� Blogseiten zeigen maximal xx Beiträge 2. Hier können Sie bestimmen, wie

viele Beiträge auf einer Blogseite angezeigt werden. Die voreingestellte »10« ist für

den Anfang völlig in Ordnung.

� Newsfeeds zeigen die letzten xx Einträge 3. WordPress erzeugt aus den Blog-

beiträgen automatisch einen Beitrags-Feed (RSS), den Ihre Besucher abonnieren kön-

nen (siehe Abschnitt 6.1). Hier können Sie einstellen, wie viele Beiträge in diesem

Newsfeed angezeigt werden.

� Zeige im Newsfeed 4 gibt an, ob der Newsfeed den ganzen Text eines Beitrags ent-

hält oder nur eine Kurzfassung. Im Zweifelsfall bleiben Sie bei der Standardeinstel-

lung ganzen Text.

� Sichtbarkeit für Suchmaschinen 5. Solange Sie in Ruhe experimentieren

möchten, können Sie diese Option ruhig aktivieren. Nach der Anmeldung am

Backend finden Sie dann im Dashboard-Bereich Auf einen Blick den Hinweis Such-

maschinen ausgeschlossen. Sie sollten später nicht vergessen, die Option zu

deaktivieren, sonst findet Sie niemand über die Suchmaschinen.

Im folgenden ToDo überprüfen Sie die Einstellungen im Menü Lesen.

ToDo: Die Einstellungen im Menü »Lesen« überprüfen

1. Öffnen Sie im Backend gegebenenfalls das Menü Einstellungen � Lesen.

2. Lassen Sie die Option Startseite zeigt vorerst unverändert.

3. Geben Sie die Anzahl der Beiträge ein, die auf Blogseiten höchstens angezeigt wer-

den sollen. Im Zweifelsfall lassen Sie die »10« stehen.

4. Lassen Sie die beiden Einstellungen für den Newsfeed vorerst unverändert.

5. Prüfen Sie, ob die Option Verbietet Suchmaschinen die Website zu indexieren akti-

viert ist. Solange Sie noch in der Testphase sind, ist das empfehlenswert.



Eine Anmerkung noch zur Sichtbarkeit für Suchmaschinen: Das Häkchen vor der

Option Verbietet Suchmaschinen die Website zu indexieren ist keine absolute

Garantie, dass die Seiten nicht in den Suchmaschinen auftauchen. WordPress sendet

zwar diverse Signale an die Suchmaschinenrobots und bittet sie damit, die Seiten nicht zu

indizieren, aber es liegt im Ermessen der Suchmaschinen, dieser Bitte nachzukommen.

Seriöse Suchmaschinen wie Google oder Bing tun das, aber andere Suchmaschinen viel-

leicht nicht. Im englischen WordPress heißt die Option denn auch Discourage

search engines from indexing this site. To discourage heißt so viel wie entmuti-

gen, abschrecken oder demotivieren, aber nicht verbieten.


5.5 »Permalinks«: aussagekräftige Adressen für Beiträge

111

5


Permalink ist kurz für permanenter Link und bezeichnet in WordPress die Webadresse

für Beiträge in der Einzelansicht. Ein Permalink ist also eine Adresse, unter der ein

bestimmter Beitrag permanent erreichbar ist. Da jeder Permalink auch eine ganz nor-

male Webadresse ist, möchte ich zunächst kurz den Aufbau einer solchen URL schildern.

5.5.1 Der Aufbau einer Webadresse (URL)

Jede Webseite hat eine weltweit einmalige Adresse, die auch als URL bezeichnet wird. Da

die naheliegende Aussprache »uhrrl« schwer von der Zunge geht und viele deutschspra-

chige Surfer eher an Wutzens »Urrmellii« aus der Augsburger Puppenkiste erinnert,

haben sich für URL drei gebräuchliche Aussprachevarianten eingebürgert:

� uuh-er-el, alle Buchstaben einzeln auf Deutsch

� you-are-al, alle Buchstaben einzeln auf Englisch

� örl, wie in »Örl Grey« oder »Örlkönig«.

URLs sind in erster Linie für Browser und nicht für Benutzer gedacht, was ihren gerin-

gen Merkwert und ihren etwas kryptisch anmutenden Aufbau erklärt. Abbildung 5.10

zeigt ein Beispiel.

Abbildung 5.10 Der Aufbau einer Webadresse (URL)

Die URL aus Abbildung 5.10 besteht aus drei Teilen:

1 Protokoll

http bedeutet vereinfacht gesagt »Gehe zu einem Webserver«, und Doppelpunkt und

Doppelslash sagen dem Browser einfach nur, dass der erste Teil der URL zu Ende ist.

Viele Browser zeigen das Protokoll im Adressfeld nicht mehr an, aber es ist trotzdem

vorhanden.

… mit diesem Namen ... … und bitte ihn um diese Webseite.

Gehe zu einem Webserver ...

mein-name.dehttp:// /?p=11 2 3

1

23



112

2 Domain-Name

Der Name, unter dem der Webserver erreichbar ist. Er beginnt nach dem doppelten

Schrägstrich und endet mit einer Top Level Domain vor dem ersten einfachen

Schrägstrich.

3 Die gewünschte Webseite

Nach dem ersten einfachen Schrägstrich folgen oft Ordner- und Dateinamen, bei

WordPress sind dort von Haus aus aber nur ein Fragezeichen und ein Parameter wie

p=1. Dieser Parameter teilt WordPress mit, was genau gewünscht wird. p=1 bedeutet

z. B. »den Beitrag (post) mit der ID-Nummer 1«.

So viel zum Aufbau einer URL. Es folgen die Einstellungen für die Permalinks in Word-

Press.

5.5.2 »Gebräuchliche Einstellungen« für Permalinks in WordPress

Bei den Einstellungen für Permalinks geht es darum, wie der dritte Teil der URL aus-

sieht, und zwar für statische Seiten und Beiträge in der Einzelansicht.

Abbildung 5.11 zeigt die verschiedenen Möglichkeiten in der Übersicht des Menüs Ein-

stellungen � Permalinks. Damit diese Einstellungen funktionieren, muss auf dem

Webspace das Apache-Modul mod_rewrite aktiviert sein (siehe Abschnitt 2.8.1).

Abbildung 5.11 Die Möglichkeiten zur Einstellung der Permalinks



113

5

Die folgende Aufzählung zeigt die häufigsten Einstellungen für Permalinks im Über-

blick:

� Standard: /?p=123 1

Die Standardeinstellung ist zwar nicht hübsch, funktioniert aber auf fast jedem Web-

space:

http://mein-name.de/?p=123

Damit weiß WordPress, dass auf der gewünschten Seite der Beitrag mit der ID 123 dar-

gestellt werden soll, aber die URL lässt keine Rückschlüsse auf den Inhalt dieses Bei-

trags zu.

� Beitragsname: /wordpress-beitraege-erstellen/ 2

Die Option Beitragsname verwendet den Titel eines Beitrags zur Erzeugung der

URL. Für einen Beitrag mit dem Titel WordPress-Beiträge erstellen lautet der Perma-

link wie folgt:

http://mein-name.de/wordpress-beitraege-erstellen/

Leerstellen werden entfernt und Umlaute umgewandelt, aber trotzdem ist diese

Adresse wesentlich aussagekräftiger als die Standardeinstellung. Ein Besucher hat bei

einem gut gewählten Beitragstitel nur durch den Permalink schon eine Idee, was ihn

erwartet, und in Suchmaschinen bekommen Sie Extrapunkte, wenn der Suchbegriff

in der URL auftaucht.

� Tag und Name: /2015-06-29/wordpress-beitraege-erstellen/ 3

Auch wenn rund um WordPress viel vom englischen Wort Tag (tägh) die Rede ist,

geht es in dieser Option um einen ganz normalen Wochentag. Genau genommen,

um das Tagesdatum der Beitragserstellung. Wurde ein Beitrag am 29. Juli 2015 ge-

schrieben, erzeugt die Option Tag und Name folgende URL:

http://mein-name.de/2015/07/29/wordpress-beitraege-erstellen/

Damit können Besucher und Suchmaschinen auf Anhieb sehen, wie alt der Beitrag ist

und wovon er handelt.

� Ganz unten auf der Seite können Sie optional noch Wünsche bezüglich der Kate-

gorie-Basis und Schlagwort-Basis eingeben. Damit können Sie die URL bei der

Anzeige von Kategorien bzw. Schlagworten beeinflussen. Beide lernen Sie in Kapitel 7,

»Texte schreiben in WordPress«, kennen.

Im folgenden ToDo aktivieren Sie die gewünschte Einstellung für die Permalinks.



114

ToDo: Die Einstellungen für Permalinks ändern

1. Öffnen Sie im Backend das Menü Einstellungen � Permalinks.

2. Aktivieren Sie die gewünschte Einstellung für Permalinks. Weit verbreitet ist die Ein-

stellung Tag und Name. Wenn Sie nicht sehr häufig bloggen, sind Monat und Name

oder Beitragsname auch okay.

3. Geben Sie im Feld Kategorie-Basis den Text »thema« ein.

4. Geben Sie im Feld Schlagwort-Basis den Text »schlagwort« ein.



6. Wechseln Sie ins Frontend.

7. Rufen Sie einen Beitrag mit einem Klick auf den Beitragstitel in der Einzelansicht

auf.

8. Prüfen Sie den Permalink in der Adressleiste des Browsers. Viele moderne Browser

verstecken Teile der Adresse. Falls Sie also nicht die ganze Adresse sehen sollten, kli-

cken Sie in die Adresszeile, um sie sichtbar zu machen.

Nach diesem ToDo haben die Beiträge in der Einzelansicht bereits eine aussagekräftige

Adresse. Abbildung 5.12 zeigt das am Beispiel eines Beitrags, den Sie in Abschnitt 6.2.2

erstellen.

Abbildung 5.12 Ein Beitrag mit einer aussagekräftigen Adresse


5.6 »Benutzer«: Ihr Benutzerprofil im Überblick

115

5

WordPress arbeitet intern übrigens unabhängig von der gewählten Option weiterhin

mit der Beitrags-ID. Auf diese Weise ist sichergestellt, dass die Beiträge gefunden wer-

den, auch wenn Sie nachträglich die Permalink-Struktur ändern. Trotzdem sollten Sie

mit den Einstellungen für die Permalinks nicht zu viel rumspielen.

WordPress.com verwendet das Format »Tag und Name«

Auf WordPress.com wird die Option Tag und Name verwendet, und das kann dort in

den Einstellungen auch nicht geändert werden.


In diesem Abschnitt überprüfen Sie die Einstellungen in Ihrem Benutzerprofil, von

denen einige nur zu Verwaltungszwecken dienen, andere hingegen auch für Besucher

sichtbar sind. Ihr Benutzerprofil finden Sie im Menü Benutzer (Abbildung 5.13).

Abbildung 5.13 Das Menü »Benutzer« in der Übersicht

Auf der Seite Benutzer sehen Sie eine Übersicht aller Benutzer mit Benutzername 1,

Name 2, E-Mail 3, Rolle 4 und Anzahl der Beiträge 5.

Um das Profil für einen Benutzer zu ändern, fahren Sie mit der Maus auf den Benutzer-

namen und klicken auf den Namen oder auf den Befehl Bearbeiten 6, der beim Berüh-

ren mit der Maus darunter erscheint.

Um Ihr eigenes Profil zu ändern, klicken Sie auf Ihren Benutzernamen oder auf den

Befehl Dein Profil 7 in der Menüleiste links unten.



116

5.6.1 »Persönliche Optionen«: Farbschema für das Backend und mehr

Nach einem Klick zur Bearbeitung Ihres Benutzerprofils kommen Sie auf die Seite Pro-

fil, die oben mit dem Abschnitt Persönliche Optionen beginnt (Abbildung 5.14).

Abbildung 5.14 »Persönliche Optionen« im Benutzerprofil

Im ersten Abschnitt des Profils geht es um einige persönliche Vorlieben:

� Visueller Editor 1. WordPress hat einen visuellen Editor, mit dem das Schreiben

so ähnlich ist wie in Word. Falls Sie lieber puren HTML-Quelltext schreiben, können

Sie den visuellen Editor hier ausstellen.

� Farbschema verwalten 2. Hier können Sie ein Farbschema für das Backend wäh-

len. Probieren Sie aus, was Ihnen am besten gefällt. Sie können es jederzeit wieder

ändern. Auch mehrmals täglich.

� Tastaturkürzel 3. Bei der Moderation von Kommentaren können Sie auch mit

Tastaturkürzeln arbeiten, aber das lohnt sich erst, wenn Sie tagtäglich wirklich viele

Kommentare bekommen.

� Werkzeugleiste 4 ist die Toolbar am oberen Rand. Wenn Sie die Werkzeugleiste im

Frontend lieber nicht sehen möchten, stellen Sie diese Option einfach aus.

Zum Speichern eventueller Änderungen gibt es ganz unten auf der Seite den Button

Profil aktualisieren.



117

5

5.6.2 Der Name der User: der Bereich »Name« im Benutzerprofil

Im zweiten Bereich des Benutzerprofils geht es um die verschiedenen Namen, die ein

Benutzer in WordPress hat (Abbildung 5.15).

Abbildung 5.15 Die verschiedenen Namensoptionen im Benutzerprofil

In Abbildung 5.15 sehen Sie diverse Namensoptionen, deren Vielfalt auf den ersten Blick

etwas verwirrend sein kann. Hier ein Überblick:

� Benutzername 1. Das ist der Name, mit dem Sie sich am Backend anmelden, und

Sie können ihn nicht nachträglich ändern. Falls Sie trotzdem gerne einen anderen

Benutzernamen hätten, lesen Sie den Hinweiskasten etwas weiter unten.

� Vorname und Nachname 2. Hier können Sie Ihre ganz normalen Vor- und Nachna-

men eintragen, die dann weiter unten in diversen Kombinationen als Öffentlicher

Name angeboten werden.

� Spitzname 3. Der Spitzname (engl. nickname) ist aus historischen Gründen eine

Pflichtangabe und standardmäßig identisch mit dem Benutzernamen, muss es aber

nicht bleiben. Ein Spitzname bietet die Möglichkeit, den Benutzernamen nach außen

zu verbergen, ohne seinen Vor- und Nachnamen einzusetzen.

� Öffentlicher Name 4. Das ist der Name, der im Frontend unter Beiträgen und

Kommentaren nach außen hin sichtbar wird. Die Dropdown-Liste bietet den Benut-

zernamen, den Spitznamen und Vor- und Nachnamen in verschiedenen Kombinati-

onen zur Auswahl.



118

Im folgenden ToDo überprüfen Sie die Einstellungen für die Namen.

ToDo: Die Einstellungen für Namen im Benutzerprofil überprüfen

1. Öffnen Sie im Backend das Menü Benutzer.

2. Rufen Sie Ihr Benutzerprofil zur Bearbeitung auf.

3. Überprüfen Sie, ob die Namen Ihren Wünschen entsprechen.

4. Speichern Sie die Einstellungen mit einem Klick auf die Schaltfläche Profil aktuali-

sieren ganz unten im Browserfenster.

5. Überprüfen Sie im Frontend, ob alle Einstellungen korrekt übernommen wurden.

Sie würden gerne Ihren Benutzernamen ändern?

Den Benutzernamen kann man bei WordPress nicht einfach nachträglich ändern. Falls

Sie trotzdem gerne einen anderen Benutzernamen hätten, müssen Sie einen kleinen

Umweg gehen:

� Sie legen einen neuen Benutzer an.

� Sie übertragen Ihre Beiträge und Seiten dem neuen Benutzer.

� Sie löschen den alten Benutzer.

Mehr zur Benutzerverwaltung erfahren Sie in Abschnitt 18.1.

5.6.3 »Kontaktinfo«, »Biographische Angaben« und Passwort ändern

Im unteren Bereich der Profilseite können Sie Ihre Kontaktdaten speichern, einige bio-

graphische Angaben machen und das Passwort ändern (Abbildung 5.16).

Abbildung 5.16 zeigt folgende Optionen:

� Im Bereich Kontaktinfo tragen Sie bei E-Mail 1 eine E-Mail-Adresse ein, an die

WordPress benutzerspezifische Nachrichten verschickt. Die hier eingetragene Mail-

adresse wird auch für einen Gravatar verwendet (siehe Abschnitt 5.7.2). Für Sie als

Administrator ist sie meist identisch mit der im Menü Einstellungen � Allgemein

definierten Adresse für allgemeine Nachrichten (siehe Abschnitt 5.3).

� Im Feld Website 2 können Sie die URL zu einer Homepage eintragen. Das kann z. B.

bei Redakteuren sehr nützlich sein, oder falls dieses Blog nicht Ihre Hauptwebsite ist.

Bemerkenswert ist, dass die Option hier tatsächlich Website heißt und nicht Seite.

� Bei Biographische Angaben 3 können Sie in wenigen Worten etwas über sich

erzählen. Diese Angaben werden in einigen Themes im Frontend angezeigt, und zwar

z. B. in dem Autorenkasten unter einem Beitrag (Abbildung 5.17).



119

5

Abbildung 5.16 »Kontaktinfo« und »Über Dich« im Profil

Abbildung 5.17 »Biographische Angaben« im Frontend von »Twenty Fifteen«

� Falls Sie Ihr Passwort ändern möchten, geben Sie im Feld Neues Passwort 4 ein

neues Passwort ein und wiederholen es zur Kontrolle noch einmal im Feld Neues

Passwort wiederholen. Direkt darunter wird live die Passwortstärke ange-

zeigt.

Vergessen Sie nicht, sich das neue Passwort aufzuschreiben, und am besten testen

Sie es gleich, indem Sie sich einmal ab- und gleich wieder anmelden.

� Die Option Melde dich aus anderen Sitzungen ab 5 zeigt Ihnen, ob Sie eventuell

noch von anderen Computern aus am Backend angemeldet sind. Das könnte z. B. der



120

Fall sein, wenn Sie an einem anderen Computer im Backend gearbeitet und sich nicht

wieder abgemeldet haben.

Im folgenden ToDo überprüfen Sie diese Einstellungen im Benutzerprofil.

ToDo: Die restlichen Einstellungen im Benutzerprofil überprüfen

1. Öffnen Sie im Backend das Menü Benutzer.

2. Rufen Sie Ihr Benutzerprofil zur Bearbeitung auf.

3. Überprüfen Sie, ob die Felder E-Mail-Adresse und Website korrekt ausgefüllt sind.

4. Erzählen Sie im Feld Biographische Angaben kurz etwas über sich.

5. Speichern Sie die Einstellungen mit einem Klick auf die Schaltfläche Profil aktuali-

sieren ganz unten im Browserfenster.

6. Überprüfen Sie im Frontend, ob alle Einstellungen korrekt übernommen wurden (Ab-

bildung 5.17).

WordPress.com trennt »Mein Profil« und »Persönliche Einstellungen«

Auf WordPress.com ist die Einteilung der Optionen im Benutzerprofil etwas anders,

denn dort sind Mein Profil und Persönliche Einstellungen zwei getrennte Menü-

optionen:

� Persönliche Einstellungen enthält das Farbschema, die Mailadresse und einige

andere Optionen.

� Mein Profil besteht aus den verschiedenen Namen, weiteren Optionen und ist eng

an die Website gravatar.com gekoppelt.

Was es mit einem solchem Gravatar so auf sich hat, erfahren Sie gleich im nächsten

Abschnitt.

5.7 »Avatar«: das Profilbild für Benutzer

Jenseits des Internets wurde der Begriff Avatar durch den gleichnamigen Film von

James Cameron bekannt, in dem der Hauptdarsteller Jake Sully auf dem Planeten

Pandora per Gedankenübertragung einen Avatar fernsteuert, um Kontakt mit den

Ureinwohnern aufzunehmen. Für Jake Sully ist der Avatar sein Erscheinungsbild in der

Welt auf Pandora.



121

5

Ganz so weit geht die Sache mit den Avataren in WordPress nicht, denn hier ist ein Ava-

tar einfach eine einem Benutzer zugeordnete Grafik, also in gewisser Weise Ihr Online-

erscheinungsbild.

Wenn Sie das Menü Benutzer aufrufen, sehen Sie vor den Benutzernamen ein kleines

Bild. Das ist der Avatar. Dieses Bild erscheint z. B. im Frontend bei Kommentaren und

im Backend rechts oben neben dem Benutzernamen (Abbildung 5.18).

Abbildung 5.18 Das Bild im Benutzerprofil von WordPress

Viele WordPress-Einsteiger erwarten, dass man dieses Profilbild im Benutzerprofil ändern

und ein anderes Bild hochladen kann, aber es gibt dort keine entsprechende Option. Um

das Bild in Ihrem Benutzerprofil zu ändern, haben Sie folgende Möglichkeiten:

� Sie wählen einen anderen Standardavatar (nicht so toll).

� Sie binden mit gravatar.com einen eigenen Avatar ein (ideal).

� Sie erstellen einen lokalen Avatar mit einem Plug-in (aufwendig).

Im Folgenden stelle ich Ihnen diese Möglichkeiten kurz vor.

5.7.1 Standardavatar ändern in »Einstellungen � Diskussion«

WordPress bietet eine Auswahl an Standardavataren, die in erster Linie bei Kommenta-

ren von Benutzern ohne eigenen Avatar verwendet werden. Deshalb befindet sich die

Option zur Änderung des Standardavatars auch im Menü Einstellungen � Diskus-

sion, und zwar ziemlich weit unten im Bereich Avatare (Abbildung 5.19).



122

Wählen Sie hier einfach den gewünschten Standardavatar, und speichern Sie ihn mit

einem Klick auf die Schaltfläche Änderungen übernehmen ganz unten auf der Seite.

Abbildung 5.19 Standardavatar ändern in »Einstellungen � Diskussion«

5.7.2 »Gravatar« – ein Avatar für das ganze World Wide Web

Ein Gravatar ist ein ganz besonderer Avatar. Der Begriff steht für Globally Recognized

Avatar, also etwa global verfügbarer Avatar, und die Idee dahinter ist einfach:

� Anstatt überall und immer wieder irgendwelche Bilder für einen Avatar hochzula-

den, surfen Sie zu gravatar.com und erstellen dort ein Profil.

� Auf gravatar.com verknüpfen Sie das gewünschte Bild mit einer E-Mail-Adresse.

� Wenn Sie in einem gravatarfähigen Forum oder Blog irgendwo im Web diese E-Mail-

Adresse verwenden, wird automatisch der Gravatar angezeigt.

gravatar.com gehört übrigens zu Automattic, der Firma von WordPress-Gründer Matt

Mullenweg, und deshalb ist es nicht wirklich verwunderlich, dass WordPress gut mit

Gravataren umgehen kann.



123

5

Fazit: Wenn Sie in WordPress einen Gravatar verwenden möchten, registrieren Sie die

im Benutzerprofil verwendete E-Mail-Adresse auf gravatar.com und verknüpfen sie

dort mit einem Bild (Abbildung 5.20).

Abbildung 5.20 »gravatar.com« – E-Mail-Adresse mit Bild verknüpfen

Nach der Verbindung von E-Mail-Adresse und Bild auf gravatar.com erscheint der Gra-

vatar automatisch im Backend von WordPress (Abbildung 5.21). Auch im Frontend wird

der Gravatar je nach verwendetem Theme an verschiedenen Stellen sichtbar.

Abbildung 5.21 Der Gravatar im Backend von WordPress

Ein Konto auf gravatar.com kann man übrigens nicht löschen. Falls Sie Ihren Gravatar

wieder loswerden möchten, folgen Sie diesem Link:

� design.imlichte.net/gravatar-account-loeschen/



124

Fazit: Man kann ein Gravatar-Konto (im Augenblick) nicht löschen. Aber man kann es so

gut verstecken, dass es keiner mehr findet.

»Simple Local Avatars« – ein Avatar via Plug-in

Wenn Sie weder einen Standardavatar noch einen Gravatar verwenden möchten, bleibt

noch der Weg über ein Plug-in, z. B.:

� »Simple Local Avatars«

wordpress.org/plugins/simple-local-avatars/

Das Plug-in erstellt lokale Avatare, beschränkt den Avatar also auf Ihr WordPress. Falls

kein lokaler Avatar verfügbar sein sollte, können Sie das Plug-in so konfigurieren, dass

dann ein Gravatar benutzt werden soll. Wie Sie Plug-ins installieren und konfigurieren,

erfahren Sie in Kapitel 15, »WordPress erweitern: Plug-ins installieren«.

5.8 Exkurs: das Backend auf WordPress.com

Auch wenn es in diesem Buch in erster Linie um eine WordPress-Installation auf dem

eigenen Webspace geht, möchte ich Ihnen zum Abschluss dieses Kapitels kurz das

Backend auf WordPress.com vorstellen.

5.8.1 »WP-Admin«: das klassische Backend auf WordPress.com

Abbildung 5.22 zeigt das klassische Backend auf WordPress.com, das dort WP-Admin ge-

nannt wird und das dem Backend eines selbst installierten WordPress auf den ersten

Blick sehr ähnlich sieht. Oben in der Werkzeugleiste und links in der Menüleiste gibt es

zum Teil andere Optionen als bei einem selbst installierten WordPress, aber wer sich mit

einer der beiden Varianten auskennt, wird sich in der anderen schnell zurechtfinden.

In Abbildung 5.22 sehen Sie, dass das Dashboard 1 mehr Unterpunkte hat als Word-

Press auf dem eigenen Webspace. Außerdem gibt es zwei zusätzliche Optionen:

� Im Store 2 können Sie zusätzliche Leistungen von WordPress.com käuflich er-

werben.

� Die Rückmeldungen 3 ermöglichen es, Umfragen zu erstellen und zu verwalten.

Außerdem werden dort über das Kontaktformular verschickte Mails von Besuchern

aufbewahrt.


5.8 Exkurs: das Backend auf WordPress.com

125

5

Abbildung 5.22 Das klassische Backend auf WordPress.com

Das Dashboard funktioniert auf WordPress.com im klassischen Backend genauso wie

bei einem WordPress auf dem eigenen Webspace, enthält aber noch einige zusätzliche

Bereiche wie z. B. die Statistiken 4, die Sie auf einem selbst installierten WordPress

mit dem Jetpack nachrüsten können (siehe Zusatzkapitel, »SEO: die Optimierung für

Suchmaschinen«). Auch die Werkzeugleiste am oberen Fensterrand enthält einige

zusätzliche Optionen.

5.8.2 Das neue blaue Backend auf WordPress.com

Seit Herbst 2014 gibt es auf WordPress.com zusätzlich zu WP-Admin noch ein neues,

ganz in Blau gehaltenes Backend.

Dieses Backend taucht bei manchen Aktionen unvermittelt auf und wirkt für viele

Benutzer wie ein sprichwörtliches blaues Wunder, da es auf den ersten Blick nicht nur

farblich völlig anders aussieht. Abbildung 5.23 zeigt das blaue Backend mit dem Menü-

punkt Statistiken.



126

Abbildung 5.23 Das neue Backend auf WordPress.com

Das blaue Backend wurde von Grund auf neu konzipiert, kann mehrere WordPress-Sites

verwalten und ist unter anderem für die Bedienung auf Touchscreens optimiert. Es ist

zwar Stand Juni 2015 noch nicht fertig, wird Ihnen aber bei der Arbeit auf Word-

Press.com bereits an verschiedenen Stellen begegnen. Sie haben es z. B. während der

Registrierung auf WordPress.com schon in Aktion gesehen, als Sie in Abschnitt 3.7 den

ersten Beitrag geschrieben haben.

Falls Sie neugierig sind, können Sie sich das neue Backend anschauen, indem Sie im

klassischen Backend auf WordPress.com ganz oben links auf Meine Webseite 1 kli-

cken. Zurück zum klassischen Backend gelangen Sie über den Link WP-Admin 2, wobei

ein neuer Browser-Tab geöffnet wird.

5.9 Auf einen Blick

Die wichtigsten Themen noch einmal im Überblick:

� Das Backend von WordPress besteht aus drei Bereichen:

– Werkzeugleiste oben (auch Admin-Toolbar genannt)

– Menüleiste links mit diversen Menüs

– Inhaltsbereich mit den verschiedensten Inhalten


5.9 Auf einen Blick

127

5

� Im Menü Einstellungen können Sie WordPress konfigurieren. Es gibt diverse

Menüpunkte:

– Im Bereich Allgemein definieren Sie den Blogtitel und Untertitel und Zeit- und

Datumsformate.

– Unter Lesen geht es unter anderem um die Sichtbarkeit für Suchmaschinen.

– Im Bereich Permalinks definieren Sie die URLs für Beiträge.

� Jeder Benutzer hat ein Benutzerprofil. Dort können Sie unter anderem …

– … das Farbschema für das Backend festlegen.

– … den Namen für das Frontend definieren.

– … einige Kontaktinfos für einen Benutzer eingeben.

� Ein Avatar ist eine einem Benutzer zugeordnete Grafik, die z. B. bei den Kommen-

taren erscheint.

� Ein Gravatar ist ein ganz besonderer Avatar, der auf gravatar.com hochgeladen und

an eine E-Mail-Adresse gekoppelt wird. Wenn Sie mit dieser E-Mail-Adresse irgendwo

im Web in einem WordPress-Blog kommentieren, erscheint der entsprechende Gra-

vatar.


131

6

Kapitel 6

Die ersten Seiten und Beiträge

Worin Sie die ersten Seiten und Beiträge erstellen und bearbeiten.

Anschließend entscheiden Sie, ob die Startseite die letzten Beiträge oder

eine statische Seite zeigen soll.

Die Themen im Überblick:

� Beiträge und Seiten: So verwaltet WordPress Inhalte, Seite 131

� Statische Seiten: »Über mich« und »Impressum«, Seite 133

� Bloggen: Beiträge ändern und erstellen, Seite 143

� Beiträge im Frontend: Übersicht und Einzelansicht, Seite 148

� Startseite der Website: Beiträge oder statische Seite, Seite 151

� WordPress kennt verschiedene Seitentypen, Seite 153

� Auf einen Blick, Seite 155

In diesem Kapitel lernen Sie die ersten Seiten und Beiträge in Ihrer WordPress-Installa-

tion kennen, aber zunächst geht es um die Unterschiede zwischen beiden. Zum Ab-

schluss des Kapitels sehen Sie, wie Sie anstelle der normalen Beitragsseite eine statische

Seite als Startseite definieren können.

6.1 Beiträge und Seiten: So verwaltet WordPress Inhalte

Inhalte werden bei WordPress entweder in einem Beitrag oder auf einer statischen Seite

gespeichert. Im Folgenden zeige ich zunächst ganz kurz, welche Inhalte in Beiträgen

bzw. Seiten gespeichert werden.

6.1.1 Beiträge sind typisch für ein Blog

Beiträge sind typisch für ein Blog und werden im Frontend auf einer Beitragsseite chro-

nologisch umgekehrt untereinander ausgegeben. Das können Sie sich vorstellen wie

eine Faxpapier- oder Schriftrolle, auf der die Beiträge (fast) endlos weiterfließen (Abbil-

dung 6.1).


6 Die ersten Seiten und Beiträge

132

Abbildung 6.1 Beiträge stehen wie

auf einer Endlosrolle untereinander.

Jeder Beitrag hat besondere Eigenschaften wie Datum, Autor, Kategorien und Schlag-

worte. Datum und Autor weist WordPress einem Beitrag beim Speichern automatisch

zu, Kategorien und Schlagworte vergibt der Autor manuell (siehe Abschnitt 7.6 und

Abschnitt 7.7).

Die Besucher der Website können die Beiträge im Frontend nach diesen Eigenschaften

filtern und sich so nur bestimmte Beiträge anzeigen lassen:

� Zeige nur Beiträge aus dem Juni 2015.

� Zeige nur Beiträge mit der Kategorie Reisen.

� Zeige nur Beiträge zum Schlagwort Berlin.

»RSS-Feed«: Die Beiträge können abonniert werden

Der Fluss der Beiträge kann von Besuchern abonniert werden. So können Interessierte

auf dem Laufenden bleiben, ohne das Blog im Browser zu besuchen. Dazu erzeugt

WordPress einen sogenannten RSS-Feed, der auch als Newsfeed oder Feed bezeichnet

wird. Zum Abonnieren benötigt man ein spezielles Programm wie z. B. feedly.

Beiträge


6.2 Statische Seiten: »Über mich« und »Impressum«

133

6

6.1.2 Statische Seiten für statische Inhalte

Es gibt auf jeder Website Inhalte wie das Impressum, die einen eher statischen Charakter

haben und nicht im Strom der Beiträge mitschwimmen sollen. Diese Inhalte werden in

WordPress auf einer sogenannten statischen Seite gespeichert (Abbildung 6.2).

Abbildung 6.2 Blogbeiträge und statische Seiten

Typische Beispiele für Inhalte, die auf Seiten gehören, sind Impressum, Über mich oder

eine Kontaktseite, aber eine Seite kann natürlich auch andere Inhalte wie die Darstel-

lung von Produkten oder eine Bildergalerie enthalten. Statische Seiten haben weder

Kategorien noch Schlagworte.

Im Folgenden lernen Sie zunächst die statischen Seiten kennen und danach dann die

Beiträge.


Beiträge sind in einem Blog sozusagen des Pudels Kern, und Sie werden sich mit dem

Erstellen von Beiträgen noch ausführlich beschäftigen, aber in diesem Abschnitt erstel-

len Sie zunächst die beiden statischen Seiten Über mich und Impressum.

Beiträge

Über mich Impressum



134

6.2.1 »Seiten � Alle Seiten«: statische Seiten in der Übersicht

Das in Abbildung 6.3 dargestellte Menü Alle Seiten 1 zeigt alle vorhandenen stati-

schen Seiten im Überblick. Nach der Installation von WordPress gibt es dort genau eine

statische Seite, die den eher schlichten Titel Beispiel-Seite trägt.

Abbildung 6.3 »Alle Seiten« zeigt die statischen Seiten in der Übersicht.

Die Übersicht der statischen Seiten sieht ähnlich aus wie die für Beiträge:

� Status der Veröffentlichung 2. Sie können Alle anzeigen lassen oder nur Seiten, die

Veröffentlicht sind. Weitere mögliche Optionen sind hier Papierkorb und Ent-

würfe, die nur erscheinen, wenn sie nicht leer sind.

� Filter für Datum 3. Um die Seiten zu filtern, wählen Sie eine Option aus der Drop-

down-Liste und klicken auf Auswahl einschränken.

� Seiten durchsuchen 4. Um eine bestimmte Seite zu suchen, geben Sie das gewünschte

Suchwort ein und klicken auf Seiten durchsuchen.

� Anzahl der statischen Seiten 5. Momentan gibt es Ein Element.

� Übersichtstabelle 6 mit einer Zeile pro Seite. Die Spalten der Tabelle können Sie mit

den Optionen 7 am oberen Bildschirmrand ausblenden.

Außerdem gibt es ober- und unterhalb der Tabelle noch den Link Aktion wählen 8,

mit dem Sie mehrere Seiten auf einmal bearbeiten oder löschen können.

6.2.2 Eine vorhandene Seite bearbeiten: »Über mich«

Um die bereits vorhandene Beispiel-Seite zu bearbeiten, klicken Sie einfach in der Über-

sichtstabelle auf den Namen der Seite. WordPress öffnet die Seite daraufhin im Editor

(Abbildung 6.4).



135

6

Abbildung 6.4 Eine vorhandene Seite bearbeiten

Ganz oben links steht der Hinweis, dass Sie gerade eine Seite bearbeiten 1. Der Titel

der Seite lautet Beispiel-Seite 2, und darunter im Textfeld stehen drei Absätze 3. Mit

dem Link Seite ansehen 4 in der Werkzeugleiste oder dem Link Vorschau der

Änderungen 5 im Bereich Veröffentlichen können Sie sich die Seite im Frontend

anschauen. Der Link Seite ansehen zeigt die Seite im selben Browserfenster, während

Vorschau der Änderungen einen neuen Tab öffnet.

Im folgenden ToDo erstellen Sie auf Basis der vorhandenen Beispiel-Seite die Seite Über

mich. Dabei ändern Sie den Titel und Text der Seite und speichern diese Änderungen in

der Datenbank ab.

ToDo: Die Seite »Über mich« erstellen

1. Öffnen Sie die vorhandene »Beispiel-Seite« im Editor.

2. Ändern Sie zunächst den Titel in »Über mich«.

3. Setzen Sie den Cursor in das Textfeld, und löschen Sie den bereits vorhandenen Text.



136

4. Geben Sie im Editorfenster einen neuen Text ein. Erzählen Sie dabei etwas über sich.

Falls Ihnen gerade nichts einfällt, nehmen Sie einfach den folgenden Text und erset-

zen die drei Punkte durch Ihren Namen:

»Mein Name ist … und ich mache auf dieser Website meine ersten Gehversuche auf

einer eigenen Website.

Offline kann ich mit Texten ganz gut umgehen, aber online ist alles noch ziemlich

neu. Ich bin gespannt wie ein Flitzebogen und freue mich aufs Bloggen.«

5. Klicken Sie rechts im Bereich Veröffentlichen auf die Schaltfläche Vorschau der

Änderungen, um die Seite in einem neuen Tab zu betrachten.

6. Wenn die Seite fertig ist, klicken Sie auf Aktualisieren. Daraufhin werden die Ände-

rungen in der Datenbank gespeichert, und oberhalb des Titels erscheint die Meldung

Seite aktualisiert.

Mit dem Link Seite ansehen können Sie die Seite im selben Browsertab im Frontend

betrachten (Abbildung 6.5). Um den Text zu ändern, gehen Sie wieder in den Editor.

Dazu klicken Sie entweder oben in der Admin-Leiste auf Seite bearbeiten oder unter-

halb des Fließtextes auf den Link Bearbeiten.

Abbildung 6.5 Die bearbeitete Seite »Über mich« im Frontend

6.2.3 »QuickEdit« für die Seite »Über mich«: Permalinks und Kommentare

In diesem Abschnitt kümmern Sie sich um das Finetuning für die Seite, und dabei ler-

nen Sie die Funktion QuickEdit kennen. Mit dieser Funktion ändern Sie den Permalink

und deaktivieren den unten auf der Seite vorhandenen Kommentarbereich.



137

6

Eine kleine Stolperfalle beim Umgang mit Permalinks ist nämlich, dass diese nicht auto-

matisch angepasst werden, wenn Sie den Titel eines Beitrags oder einer Seite nachträg-

lich ändern. So hat die Seite Über mich momentan noch den Permalink /beispiel-seite/,

der auf ihrem ursprünglichen Titel beruht (Abbildung 6.6).

Abbildung 6.6 Die Seite »Über mich« mit dem Permalink »/beispiel-seite/«

Zur Änderung des Permalinks für die Seite Über mich verwenden Sie, wie gesagt, die

Funktion QuickEdit, mit der Sie die Metainformationen für Seiten und Beiträge auf die

Schnelle bearbeiten können (Abbildung 6.7).

Abbildung 6.7 »QuickEdit« in der Übersicht der statischen Seiten



138

Nach dem Aufrufen der Funktion QuickEdit erscheint eine Eingabemaske, in der Sie

den Permalink ändern 1 und die Kommentarfunktion deaktivieren 2 können (Abbil-

dung 6.8).

Abbildung 6.8 Die Änderung des Permalinks mit »QuickEdit«

Im folgenden ToDo setzen Sie diese Änderungen in Ihrem WordPress um.

ToDo: Permalink ändern und Kommentarfunktion ausstellen

1. Öffnen Sie im Backend das Menü Seiten � Alle Seiten.

2. Fahren Sie mit der Maus auf die Seite Über mich, und klicken Sie auf den Link Quick-

Edit.

3. Ändern Sie im Feld Permalink den Eintrag von »beispiel-seite« in »ueber-mich«.

4. Deaktivieren Sie das Kontrollkästchen vor Erlaube Kommentare.

5. Speichern Sie die Einstellungen mit einem Klick auf die Schaltfläche Aktualisieren.

6. Wechseln Sie ins Frontend.

7. Rufen Sie mit der Navigation in der Sidebar die Seite Über mich auf.

8. Prüfen Sie den Permalink. Falls Sie nicht die ganze Adresse sehen, klicken Sie einfach

in die Adresszeile des Browsers.

Nach diesem ToDo hat die Seite Über mich im Frontend einen passenden Permalink

(Abbildung 6.9) und unten auf der Seite ist keine Kommentarfunktion mehr vorhanden.



139

6

Abbildung 6.9 Die Seite »Über mich« mit dem Permalink »/ueber-mich/«

6.2.4 Eine neue Seite erstellen: »Impressum«

Als Beispiel zur Erstellung einer neuen Seite dient das Impressum, denn ein Blog unter-

liegt in deutschen Landen in der Regel der Impressumspflicht.

Falls Sie sich nicht sicher sein sollten, was alles in so ein Impressum gehört, gibt es

einige hilfreiche Websites wie z. B. www.impressum-generator.de. Schritt für Schritt wer-

den dort die gesetzlich erforderlichen Angaben zu Blog und Betreiber abgefragt, und das

Ergebnis können Sie einfach abschreiben oder in das Textfeld der Seite kopieren.

Abbildung 6.10 zeigt eine Seite mit einem Beispiel für ein einfaches Impressum. TMG

steht dabei für Telemediengesetz und RStV für Rundfunkstaatsvertrag. Letzteres ist

erforderlich, wenn Sie redaktionelle oder journalistische Inhalte veröffentlichen, und

das tun Blogger fast immer.

Im folgenden ToDo erstellen Sie eine neue Seite für das Impressum (Abbildung 6.10).

ToDo: Eine neue Seite für das Impressum erstellen

1. Erstellen Sie eine neue Seite, indem Sie das Menü Seiten � Erstellen aufrufen.

2. Geben Sie als Titel »Impressum« ein 1.

3. Ergänzen Sie im Editorfenster die Angaben für das Impressum 2.

4. Überprüfen Sie die Seite im Frontend mit einem Klick auf die Schaltfläche Vorschau

im Bereich Veröffentlichen 3, der die Seite in einem neuen Tab öffnet.

5. Wenn alles okay ist, klicken Sie auf die Schaltfläche Veröffentlichen 4. Nach dem

Veröffentlichen wird die Seite im Frontend sichtbar.



140

6. Wechseln Sie im Backend in das Menü Alle Seiten.

7. Öffnen Sie die Funktion QuickEdit für die Seite Impressum.

8. Deaktivieren Sie das Kontrollkästchen vor Erlaube Kommentare.

9. Speichern Sie die Änderungen mit einem Klick auf Aktualisieren.

Abbildung 6.10 Eine neue statische Seite namens »Impressum« im Editor

Mit einem Klick auf den Link Seite ansehen oben in der Werkzeugleiste können Sie

sich das Impressum im Frontend anschauen.

Jedes Blog benötigt auch eine Datenschutzerklärung

Bevor Sie online gehen, sollten Sie zusätzlich zum Impressum noch eine Datenschutz-

erklärung erstellen. Bei der Formulierung kann Ihnen die folgende Website von Rechts-

anwalt Thomas Schwenke behilflich sein:

� datenschutz-generator.de

Wie immer: Informationen lesen, Zutreffendes ankreuzen, Ergebnis kopieren und auf

Ihrer Website irgendwo einbauen. Die Datenschutzerklärung kann auch auf der Impres-

sumsseite stehen, die Sie dann z. B. Impressum & Datenschutz nennen.



141

6

6.2.5 Widget einfügen: Links zu statischen Seiten in der Sidebar einfügen

Das Impressum sieht schon sehr gut aus, aber es gibt noch ein kleines Problem: Ein

Impressum sollte nach der gängigen Rechtsprechung von jeder Seite des Blogs aus mit

einem Klick erreichbar sein, und das ist im Augenblick nicht der Fall. Genau genommen,

gibt es momentan gar keinen Link, mit dem ein Besucher die Seiten Impressum oder

Über mich erreichen könnte.

Abbildung 6.11 Ein Widget in den »Widgetbereich« ziehen



142

In vielen WordPress-Themes werden statische Seiten automatisch in der Navigation,

der Sidebar oder im Fußbereich verlinkt, aber bei dem aktuellen Standard-Theme

Twenty Fifteen ist das nicht der Fall. Deshalb werfen Sie in diesem Abschnitt schon mal

einen kurzen Blick in die Arbeit mit Themes und fügen links in der Sidebar mit einem

Widget die Links zu den statischen Seiten Über mich und Impressum ein.

Widget heißt wörtlich übersetzt so viel wie Dingsbums und wird widschett gesprochen.

Ein Widget ist ein vorgefertigtes Modul, das ganz einfach eine bestimmte Funktion

bereitstellt, ohne dass man selbst programmieren müsste. Das Geniale daran ist, dass

ein Widget einfach per Drag & Drop (Ziehen und Fallenlassen) auf einer dafür vorgese-

henen Fläche im Theme platziert wird.

Abbildung 6.11 zeigt die Backend-Seite Design � Widgets 1: Links sehen Sie Verfüg-

bare Widgets 2, rechts den Widgetbereich 3. Die dort bereits vorhandenen Wid-

gets wie Suche, Letzte Beiträge etc. erscheinen im Frontend in der Sidebar, und zwar

genau in der hier festgelegten Reihenfolge. Um ein verfügbares Widget einzubinden,

ziehen Sie es einfach mit gedrückter Maustaste aus dem Bereich Verfügbare Widgets

nach rechts in den Widgetbereich.

Im folgenden ToDo erstellen Sie mit dem Widget Seiten die Links zu den statischen Sei-

ten Über mich und Impressum, damit diese von jeder Seite aus mit einem Klick erreich-

bar sind.

ToDo: Widget mit Links zu statischen Seiten in der Sidebar einfügen

1. Öffnen Sie den Bereich für Widgets: Design � Widgets 1.

2. Ziehen Sie das Widget Seiten 4 mit gedrückter Maustaste aus dem Bereich Verfüg-

bare Widgets 2 in den Widgetbereich 3, und lassen Sie es dort los 5. Die genaue

Position kann auch nachträglich noch korrigiert werden.

3. Geben Sie im Feld Titel 6 z. B. das Wort »Seiten« ein. Lassen Sie die anderen Felder

unverändert.

4. Klicken Sie auf die Schaltfläche Speichern 7.

Wechseln Sie im Browser in das Frontend, z. B. mit einem Klick auf den Blogtitel oben in

der Werkzeugleiste (im Beispiel Waldemars Blog). Wenn alles geklappt hat, gibt es im

Frontend links in der Sidebar einen neuen Bereich namens Seiten mit den Links zu den

Seiten Über mich und Impressum (Abbildung 6.12).

Ein Widget ist der schnellste Weg, aber es gibt auch noch Menüs

Das Einfügen eines Widgets ist der einfachste Weg, um in der Sidebar Links zu den stati-

schen Seiten zu erhalten. Flexibler, aber auch komplexer ist die Erstellung von Menüs,

die Sie in Kapitel 12, »Themes anpassen: Menüs, Farben und Widgets«, kennenlernen.


6.3 Bloggen: Beiträge ändern und erstellen

143

6

Abbildung 6.12 Das Widget erstellt Links zu den Seiten in der Sidebar.


WordPress speichert geschriebene Inhalte wie gesagt entweder in einem Beitrag oder

auf einer statischen Seite. In diesem Abschnitt geht es um die Beiträge.

»Beitrag« heißt auf Englisch »post«

Im englischen Original wird ein Beitrag in WordPress post genannt, mit einem langen o

in der Mitte. Daher nennt man das Veröffentlichen von Beiträgen auch posten.

6.3.1 Die Übersicht im Menü »Beiträge � Alle Beiträge«

Der Kern eines jeden Blogs sind die Beiträge, die im Frontend in chronologisch umge-

kehrter Reihenfolge ausgegeben werden. Die Erstellung und Verwaltung dieser Beiträge

erfolgt, vielleicht nicht ganz unerwartet, im Menü Beiträge.

Nach einem Klick auf das Menü Beiträge wird der Bereich Alle Beiträge angezeigt, in

dem es bereits einen Beitrag mit dem schönen Titel Hallo Welt! gibt, der während der

Installation automatisch angelegt wurde (Abbildung 6.13).



144

Abbildung 6.13 »Beiträge � Alle Beiträge« – alle Beiträge in der Übersicht

Im Bereich Beiträge � Alle Beiträge 1 haben Sie die folgenden Optionen:

� Status der Veröffentlichung 2. Hier können Sie Alle Beiträge anzeigen lassen oder

nur bereits veröffentlichte Beiträge. Die Optionen Papierkorb und Entwürfe

erscheinen automatisch, sobald ein Beitrag in den Papierkorb gelegt oder als Entwurf

gespeichert wird.

� Filter für Datum oder Kategorie 3. Um die Beiträge zu filtern, wählen Sie die ge-

wünschten Filterkriterien aus den Dropdown-Listen und klicken dann auf Auswahl

einschränken.

� Suche 4. Um einen bestimmten Beitrag zu suchen, geben Sie das gewünschte Such-

wort ein und klicken auf Beiträge durchsuchen.

� Darstellung: Liste oder Textausschnitt 5. Rechts daneben wird angezeigt, wie viele

Beiträge es insgesamt gibt (Ein Element).

� Die Übersichtstabelle 6 zeigt eine Zeile pro Beitrag. Einzelne Spalten der Tabelle kön-

nen Sie mit den Optionen 7 ausblenden.

Außerdem gibt es ober- und unterhalb der Tabelle noch das Dropdown-Menü Aktion

wählen 8 zum Bearbeiten oder Löschen mehrerer Beiträge auf einen Schlag.

6.3.2 »Beitrag bearbeiten«: einen vorhandenen Beitrag verändern

Um den Beitrag Hallo Welt! zu bearbeiten, klicken Sie in der Übersichtstabelle einfach

auf den Namen des Beitrags. WordPress öffnet den Beitrag zur Bearbeitung im Editor

(Abbildung 6.14).



145

6

Falls Sie dabei einen Hinweis auf ablenkungsfreies Schreiben bekommen, können Sie ihn

lesen und dann erst einmal mit einem Klick auf Verwerfen ausblenden. Für längere

Texte ist das eine tolle Sache, bei der Bearbeitung des ersten Beitrags lenkt es nur ab.

Abbildung 6.14 Einen vorhandenen Beitrag bearbeiten

Ganz oben sehen Sie, dass Sie sich gerade im Bereich Beitrag bearbeiten befinden 1.

Der Link Erstellen rechts daneben ist eine der zahlreichen Möglichkeiten, einen

neuen Beitrag zu erstellen. Im Moment können Sie ihn einfach ignorieren, da Sie in die-

sem Abschnitt erst einmal den bereits vorhandenen Beitrag ändern.

Das Wichtigste auf dieser Seite ist der Beitrag selbst, der aus einem Titel 2 und einem

Textfeld 3 besteht. Die Symbolleiste zur Formatierung funktioniert ähnlich wie in

Word, und Sie lernen sie in Abschnitt 7.2 näher kennen.

Die weißen Bereiche rechts neben dem Editor 4 können Sie wie im Dashboard mit

einem Klick auf das Dreieck rechts oben ein- und ausklappen, mit der Maus verschieben

oder in den Optionen ganz ausblenden.

Ganz oben in der Werkzeugleiste gibt es übrigens einen neuen Link namens Beitrag

ansehen 5, mit dem Sie sich den im Editor angezeigten Beitrag im Frontend

anschauen können.

Im folgenden ToDo ändern Sie den Titel und den Text des vorhandenen Beitrags und

speichern die Änderungen in der Datenbank ab. Falls Ihnen gerade nichts einfällt, wor-

über Sie schreiben könnten, bauen Sie einfach das Beispiel aus Abbildung 6.15 nach.



146

ToDo: Einen vorhandenen Beitrag bearbeiten

1. Öffnen Sie den vorhandenen Beitrag Hallo Welt! im Editor.

2. Ändern Sie zunächst den Titel. In Abbildung 6.15 lautet der Titel »WordPress-Beiträge

bearbeiten«.

3. Ändern Sie den bereits vorhandenen Permalink mit einem Klick auf die Schaltfläche

Permalinks ändern.

4. Setzen Sie den Cursor in das Textfeld, und löschen Sie den vorhandenen Text.

5. Geben Sie im Editorfenster einen neuen Text ein, entweder etwas Eigenes oder die

Absätze aus Abbildung 6.15.

6. Klicken Sie rechts im Bereich Veröffentlichen auf die Schaltfläche Vorschau der

Änderungen, um den Beitrag in einem Tab zu betrachten.

7. Wenn der Beitrag fertig ist, klicken Sie auf die Schaltfläche zum Aktualisieren des

Beitrags.

Erst ein Klick auf Aktualisieren speichert den aktuellen Stand des Beitrags in der

Datenbank von WordPress. Daraufhin erscheint oberhalb des Titels die Meldung Der

Beitrag wurde aktualisiert.

Ein Klick auf den Link Beitrag ansehen in der Werkzeugleiste zeigt den Beitrag im

Frontend, den Sie hier so sehen, wie Ihre Besucher ihn auch sehen würden. Ein Klick auf

den Link Beitrag bearbeiten in der Admin-Leiste bringt Sie wieder zurück in den Edi-

tor, wo Sie den Text weiterbearbeiten können.

Abbildung 6.15 Der bearbeitete Beitrag im Frontend



147

6

Die anderen Bereiche wie »Kategorien« lernen Sie später kennen

Auf der Seite Beitrag bearbeiten gibt es noch eine Menge anderer Bereiche wie Kate-

gorien, Schlagworte oder Formatvorlagen, die Sie ab Kapitel 7, »Texte schreiben in

WordPress«, der Reihe nach kennenlernen.

6.3.3 Das Menü »Beiträge � Erstellen«: einen neuen Beitrag erstellen

Es gibt viele Wege, einen neuen Beitrag zu erstellen. Allgegenwärtig sind der Befehl

+ Neu oben in der Werkzeugleiste und das Menü Beiträge � Erstellen in der Menü-

leiste. Welchen Weg Sie wählen, spielt keine Rolle, denn Sie kommen immer auf der-

selben Seite an. Abbildung 6.16 zeigt die Seite Neuen Beitrag erstellen 1 mit einem

neuen Beitrag, bei dem Titel 2 und Text 3 bereits eingegeben wurden. Im Bereich

Veröffentlichen 4 haben Sie verschiedene Optionen:

� Ein Klick auf Speichern speichert den Beitrag als Entwurf, veröffentlicht ihn aber

nicht. Das ist ideal, wenn Sie den Beitrag später fertigstellen möchten.

� Die Schaltfläche Vorschau zeigt den aktuellen Stand des Beitrags in einem neuen

Tab. Dazu müssen Sie den Beitrag nicht vorher gespeichert haben.

� Der Link In Papierkorb legen löscht den Beitrag.

� Die farblich hervorgehobene Schaltfläche Veröffentlichen veröffentlicht den Bei-

trag im Frontend.

Abbildung 6.16 Einen neuen Beitrag erstellen



148

Im Theme Twenty Fifteen zeigt der Editor die Formatierungen übrigens ziemlich genau

so an, wie sie später im Frontend erscheinen, aber das ist nicht bei allen Themes so. In

Abbildung 6.16 sehen Sie z. B., dass die Nummerierung im Editor links vom Text beginnt.

Das ist im Theme Twenty Fifteen so definiert und wird auch im Frontend so angezeigt.

Im folgenden ToDo erstellen Sie einen neuen Beitrag. Falls Ihnen gerade nichts einfällt,

worüber Sie schreiben könnten, bauen Sie einfach das Beispiel aus Abbildung 6.16 nach.

ToDo: Einen neuen Beitrag erstellen

1. Erstellen Sie einen neuen Beitrag: Beiträge � Erstellen 1.

2. Geben Sie einen Titel ein 2. In Abbildung 6.16 lautet er »WordPress-Beiträge erstellen«.

3. Setzen Sie den Cursor in das Textfeld, und geben Sie einen Text ein 3. Falls Sie den

Text aus Abbildung 6.16 nachbauen, benutzen Sie zur Erstellung der Nummerierung

das entsprechende Symbol in der Formatierungsleiste über dem Textfeld.

4. Ein Klick auf Vorschau öffnet den Beitrag in einem Tab.

5. Wenn Sie fertig sind, klicken Sie rechts auf die Schaltfläche zum Veröffentlichen 4.

Wenn ein Beitrag veröffentlicht wurde, ändert die Schaltfläche Veröffentlichen ihre

Beschriftung in Aktualisieren, und oben in der Werkzeugleiste erscheint der Link Bei-

trag ansehen, mit dem Sie sich den Beitrag im Frontend anschauen können. Mit dem

Link Beitrag ansehen oben in der Werkzeugleiste können Sie sich den Beitrag im

Frontend ansehen. Mit dem Link Beitrag bearbeiten oben in der Werkzeugleiste

kommen Sie wieder zurück in den Editor.

6.4 Beiträge im Frontend: Übersicht und Einzelansicht

Beiträge werden im Frontend auf zwei verschiedene Arten ausgegeben. Auf der Bei-

tragsseite stehen alle Beiträge in einer Übersicht untereinander. Für jeden Beitrag gibt

es aber auch eine Einzelansicht mit einer eigenen URL.

6.4.1 Die Beiträge stehen im Frontend untereinander

Stellen Sie zunächst sicher, dass Sie auf der Startseite sind. Ein Klick auf den Blogtitel 1

links oben bringt Sie dorthin. Abbildung 6.17 zeigt eine Übersicht der vorhandenen Bei-

träge im Frontend:

� Der neue Beitrag wurde oben eingefügt 2.

� Der ältere Beitrag rutscht um eine Position nach unten 3.


6.4 Beiträge im Frontend: Übersicht und Einzelansicht

149

6

Abbildung 6.17 Die Startseite mit zwei Beiträgen. Der neue steht oben.

Das ist die bereits mehrfach erwähnte »chronologisch umgekehrte Reihenfolge« der

Beiträge in einem Blog.

Es gibt bereits zwei Seiten und zwei Beiträge, und die Beispielsite ist auf dem besten

Wege, ein richtiges Blog zu werden. WordPress hat links in der Sidebar übrigens auto-

matisch die Bereiche Letzte Beiträge 4 und Archive 5 aktualisiert.

Um einen der beiden Beiträge zu bearbeiten, klicken Sie auf den Link Bearbeiten 6 in

der Statuszeile eines Beitrags. Diese Links erscheinen nur, wenn man im selben Brows-

erfenster am Backend angemeldet ist. Ihre Besucher sehen diese Links also nicht.

Die Seite mit den Beiträgen wird »Beitragsseite« genannt

Die Seite, auf der die Beiträge ausgegeben werden, wird in WordPress auch Beitragsseite

genannt. Das ist mal ein richtig passender Name für eine Seite, auf der die Beiträge

gelistet werden. Im WordPress-Fachjargon heißt die Beitragsseite auch Blog Main oder

Blog Main Page.



150

6.4.2 Jeder Beitrag hat eine Einzelansicht mit eigener Adresse

Neben der Beitragsübersicht auf der Startseite gibt es für jeden Beitrag auch eine Ein-

zelansicht. Klicken Sie dazu in der Beitragsübersicht einfach auf den Titel des gewünsch-

ten Beitrags.

Abbildung 6.18 Ein Beitrag in der Einzelansicht


6.5 Startseite der Website: Beiträge oder statische Seite

151

6

Abbildung 6.18 zeigt den Artikel WordPress-Beiträge bearbeiten in der Einzelansicht:

� Oben sehen Sie den Beitrag 1 mit dem Autorenkasten.

� Darunter stehen eventuelle Kommentare 2, die im Theme Twenty Fifteen Gedanken

genannt werden.

� Unterhalb der Kommentare finden Sie ein Formular zur Eingabe eines neuen Kom-

mentars 3.

� Ganz unten befindet sich eine Navigation mit einem Link zum nächsten Beitrag 4.

In der Einzelansicht hat ein Beitrag einen Permalink, mit dem der Beitrag auf Webseiten,

in Tweets oder in Blogbeiträgen verlinkt werden kann. Ein Besucher, der über einen sol-

chen Link kommt, sieht den Beitrag direkt in der Einzelansicht. Zurück zur Beitragsüber-

sicht auf der Startseite kommen Sie mit einem Klick auf den Blogtitel 5 links oben.

6.5 Startseite der Website: Beiträge oder statische Seite

Im Menü Einstellungen � Lesen finden Sie ganz oben eine Option, mit der Sie festle-

gen können, ob die Startseite die letzten Beiträge oder eine statische Seite zeigt (Abbil-

dung 6.19).

Abbildung 6.19 Die Option »Startseite zeigt … Deine letzten Beiträge«



152

Im Theme Twenty Fifteen ist die Standardeinstellung, dass auf der Startseite die neues-

ten Beiträge gezeigt werden. Wenn das Blog auf Ihrer Website die Hauptrolle spielt, ist

das keine schlechte Einstellung, und in diesem Fall können Sie alles so lassen, wie es ist.

Falls Sie Ihren Besuchern auf der Startseite anstelle der Beiträge lieber andere Inhalte auf

einer statischen Seite zeigen möchten, gehen Sie vor, wie im Folgenden beschrieben:

� Erstellen Sie eine neue statische Seite, die Sie z. B. Willkommen auf meiner Website

nennen. Sie können gerne einen anderen Titel wählen. Stellen Sie sich dabei einfach

vor, dass er dick und fett ganz oben auf der Startseite erscheinen wird.

� Füllen Sie diese Seite mit den gewünschten Inhalten, und veröffentlichen Sie sie.

Wenn Sie auf der statischen Startseite keine Kommentare erlauben möchten, aktivieren

Sie oben im Bereich Optionen die Option Diskussion. Daraufhin erscheint unterhalb

des Editors der Bereich Diskussion. Überprüfen Sie dort, ob die Optionen Kommen-

tare erlauben und Erlaube Trackbacks und Pingbacks auf dieser Seite deakti-

viert sind.

Abbildung 6.20 Die Option »Startseite zeigt … Eine statische Seite«


6.6 WordPress kennt verschiedene Seitentypen

153

6

Die Erstellung der neuen Beitragsseite ist sehr einfach:

� Erstellen Sie eine neue statische Seite namens Meine Beitragsseite.

� Sie können diese Seite, abgesehen vom Titel, komplett leer lassen. Sie benötigt kei-

nerlei Inhalte, da sie nur als Platzhalter fungiert.

Nach der Erstellung der beiden statischen Seiten wählen Sie in Einstellungen � Lesen

die folgenden Optionen aus (Abbildung 6.20):

� Aktivieren Sie im Bereich Startseite zeigt die Option Eine statische Seite

(unten auswählen) 1.

� Wählen Sie als Startseite die Seite Willkommen auf meiner Website 2.

� Wählen Sie als Beitragsseite die Seite Meine Beitragsseite 3.

� Bestätigen Sie die Änderungen mit einem Klick auf Änderungen übernehmen 4.

Wenn alle Optionen richtig eingestellt sind, erscheint die frisch erstellte statische Seite

Willkommen auf meiner Website als Startseite (Abbildung 6.21).

Abbildung 6.21 Eine statische Seite als Startseite der Website

6.6 WordPress kennt verschiedene Seitentypen

Bis jetzt war oft von Beiträgen und Seiten die Rede, womit fast immer statische Seiten

gemeint waren. Aber der Begriff Seite kann in WordPress durchaus zu Missverständnis-

sen führen, denn genau genommen gibt es fünf verschiedene Arten von Seiten, die ich

Ihnen im Folgenden kurz vorstellen möchte:



154

� Die Startseite kann zwei verschiedene Funktionen haben. Sie ist entweder eine Bei-

tragsseite, die die aktuellsten Beiträge zeigt, oder eine statische Seite, die zur Begrü-

ßung und Orientierung der Besucher dient.

� Die Beitragsseite zeigt standardmäßig die aktuellsten Beiträge. Jeder Beitrag hat

einen Autor, ein Datum, mindestens eine Kategorie und optional Schlagworte. In

WordPress gibt es nur eine Beitragsseite, die oft auch Blog Main Page genannt wird.

� Einzelseiten zeigen genau einen Beitrag mit dazugehörigen Kommentaren. Sie wer-

den automatisch generiert und haben einen Permalink.

� Archivseiten lernen Sie in Kapitel 7, »Texte schreiben in WordPress«, kennen. Sie zei-

gen eine Auswahl von Beiträgen, wobei es mindestens vier mögliche Filter gibt:

Autor, Datum, Kategorie und Schlagwort. In einigen Themes können Sie auch nach

Formatvorlage (Beitragstyp) filtern. Archivseiten werden automatisch erstellt und

haben kein Menü im Backend.

� Statische Seiten werden im Menü Seiten erstellt und verwaltet. WordPress kann

beliebig viele statische Seiten verwalten, und statische Seiten können auch Untersei-

ten haben.

Nur statische Seiten haben also ein eigenes Menü, während Startseite, Beitragsseite, Ein-

zelseite und Archivseiten automatisch erstellt werden. Tabelle 6.1 zeigt die verschiede-

nen Arten von Seiten und ihre wichtigsten Merkmale im Überblick.

Seite Funktion Erstellung Anzahl

Startseite Beitragsseite oder statische Seite automatisch 1

Beitragsseite zeigt aktuelle Beiträge (oder Teaser);

Anzahl in Einstellungen � Lesen

automatisch 1

Einzelseite zeigt einzelnen Beitrag und Kommentare automatisch beliebig

Archivseite filtert Beiträge nach

� Kategorie

� Autor

� Datum

� Schlagwort

� Formatvorlage (Typ)

automatisch 5

statische Seite beliebige Inhalte;

Unterseiten möglich

Menü Seiten beliebig

Tabelle 6.1 Die verschiedenen Arten von Seiten im Überblick


6.7 Auf einen Blick

155

6

Besonders verwirrend wird es aber, wenn in der deutschen WordPress-Übersetzung

von einer Seite die Rede ist, damit aber eigentlich die Site gemeint ist. So führt in Abbil-

dung 6.22 ein Klick auf den Link Zur Seite 1 zur Website, und in den allgemeinen Ein-

stellungen ist mit Seitentitel 2 eigentlich der Titel für die gesamte Website gemeint

(siehe Abschnitt 5.3.1).

Abbildung 6.22 Manchmal ist mit »Seite« auch die »Site« gemeint.

6.7 Auf einen Blick

Die wichtigsten Themen noch einmal im Überblick:

� WordPress speichert Inhalte als Beitrag (post) oder statische Seite:

– Beiträge stehen untereinander und können gefiltert werden.

– Statische Seiten enthalten statische Inhalte wie das Impressum.

� Statische Seiten werden im Menü Seiten verwaltet, in dem Seiten neu erstellt oder

bearbeitet werden können.

� Mit der Funktion QuickEdit können Sie unter anderem die Permalinks ändern und

den Kommentarbereich deaktivieren.

� Fast alle Blogs benötigen ein Impressum und eine Datenschutzerklärung:

– impressum-generator.de hilft beim Erstellen des Impressums.

– datenschutz-generator.de hilft bei der Datenschutzerklärung.

� Widgets sind fertige Module, die bestimmte Funktionen bereitstellen und ausgespro-

chen nützlich sind.

– Im Menü Design � Widgets werden Widgets einem Widgetbereich zugeordnet.

– Das Widget Seiten zeigt eine Liste der statischen Seiten.

� Inhalte auf Beiträgen und Seiten werden in einem komfortablen visuellen Editor

bearbeitet.

� Die Seite, auf der alle Beiträge untereinanderstehen, heißt Beitragsseite.



156

� In der Einzelansicht sieht man nur einen einzigen Beitrag.

– Der Permalink für einen Beitrag zeigt ihn in der Einzelansicht.

– Die Einzelansicht enthält für Beiträge meist einen Kommentarbereich.

� Die Startseite kann die letzten Beiträge oder eine statische Seite anzeigen. Geändert

wird das im Menü Einstellungen � Lesen.


Auf einen Blick

Auf einen Blick

TEIL I WordPress kennenlernen

1 WordPress – der Motor für Ihre Website ........................................................... 27

2 Vorab: Planung, Domain und Webspace ........................................................... 43

3 Die Registrierung auf WordPress.com ................................................................ 59

4 WordPress auf eigenem Webspace installieren .............................................. 71

5 Die ersten Schritte im Backend von WordPress .............................................. 99

TEIL II Inhalte: Texte, Bilder und Videos

6 Die ersten Seiten und Beiträge ............................................................................. 131

7 Texte schreiben in WordPress ............................................................................... 157

8 Die Mediathek: Bilder und Galerien .................................................................... 193

9 Multimedia: Sounds und Videos .......................................................................... 237

10 Kommentare: Interaktion mit Besuchern ......................................................... 251

11 Crashkurs: HTML zum Schreiben in WordPress .............................................. 269

TEIL III Themes: das Design Ihrer Website

12 Themes anpassen: Menüs, Farben und Widgets ............................................ 295

13 Ein neues Theme für die Beispielsite .................................................................. 331

14 Das richtige Theme: Beispiele und Quellen ...................................................... 357

TEIL IV Plug-ins: WordPress erweitern

15 WordPress erweitern: Plug-ins installieren ...................................................... 381

16 Nützliche Plug-ins für Interaktionen ................................................................... 401

TEIL V Backups, Updates und Tipps & Tricks

17 Backups und Updates ............................................................................................... 421

18 Nützliche Tipps & Tricks .......................................................................................... 441


Inhalt

5

Inhalt

Geleitwort ..................................................................................................................................................... 19

Vorwort .......................................................................................................................................................... 21

TEIL I WordPress kennenlernen

1 WordPress – der Motor für Ihre Website 27

1.1 Das Web ist ein weltweites Gewebe aus Hyperlinks .............................................. 27

1.1.1 Das Web besteht aus Webseiten und Hyperlinks ......................................... 27

1.1.2 Verwirrende Begriffe: »Webseite« und »Website« ....................................... 29

1.1.3 Webseiten werden auf einem »Webspace« gespeichert ............................ 30

1.2 WordPress vereinfacht das Veröffentlichen im Web .............................................. 30

1.2.1 Webseiten bestehen aus Quelltext .................................................................... 30

1.2.2 Webpublishing war um die Jahrtausendwende recht

umständlich ............................................................................................................... 32

1.2.3 Bloggen mit b2: »You type something and hit ›blog this‹ …« .................... 34

1.2.4 WordPress ist der offizielle Nachfolger von b2 .............................................. 34

1.3 WordPress ist Blog und CMS .............................................................................................. 35

1.3.1 WordPress ist ein Content-Management-System (CMS) ........................... 36

1.3.2 Ein Blog ist ein CMS mit einfacher Bedienung und viel Interaktion ....... 36

1.4 WordPress auf »wordpress.org« ...................................................................................... 37

1.4.1 WordPress ist Open Source und kann kostenlos genutzt werden ........... 37

1.4.2 WordPress als Eigenheim: »wordpress.org« ................................................... 38

1.5 WordPress auf »wordpress.com« ..................................................................................... 39

1.5.1 WordPress.com wird von einer Firma namens

»Automattic« betrieben ......................................................................................... 39

1.5.2 WordPress als Mietwohnung auf »wordpress.com« .................................... 40

1.6 Auf einen Blick .......................................................................................................................... 41


Inhalt

6

2 Vorab: Planung, Domain und Webspace 43

2.1 Rahmenbedingungen skizzieren: Ziele, Zeit und Zaster ....................................... 43

2.2 Diagramm: Wege zur Website mit WordPress .......................................................... 44

2.3 Planung: Inhalt, Gestaltung, Funktionen, Technik .................................................. 46

2.4 Überlegungen zum Inhalt: Titel und Themen ............................................................ 47

2.5 Gestaltung: Themes übernehmen das Design ........................................................... 48

2.6 Funktionen: Plug-ins erweitern WordPress ................................................................ 50

2.7 Technik: das Wichtigste zu »Domain-Namen« ......................................................... 51

2.7.1 Der Aufbau von Domain-Namen: »www.mein-name.de« ........................ 51

2.7.2 Einen Domain-Namen auswählen: »mein-name.tld« ................................. 52

2.8 Technik: das Wichtigste zum »Webspace« ................................................................. 54

2.8.1 Systemvoraussetzungen: für WordPress geeigneter Webspace ............. 54

2.8.2 »Shared Hosting«: Traffic, Geschwindigkeit, Support und mehr ............ 55

2.8.3 Verwirrende Preise: »Null Euro mit Sternchen« kostet auch Geld .......... 56

2.8.4 Ein paar Beispiele: konkrete Angebote für Webhosting

mit WordPress ........................................................................................................... 57

2.9 Auf einen Blick .......................................................................................................................... 58

3 Die Registrierung auf WordPress.com 59

3.1 Die Mietwohnung: WordPress auf »wordpress.com« ............................................ 60

3.2 Der Anfang: das Registrierungsformular ..................................................................... 60

3.3 Schritt 1: Blog einrichten – »Blog-Titel« und »Tagline« ......................................... 62

3.4 Schritt 2: Ein Theme für Ihr Blog wählen ...................................................................... 63

3.5 Schritt 3: Das Theme anpassen (optional) ................................................................... 63

3.6 Schritt 4: Verbinden mit Twitter/Facebook (optional) .......................................... 64

3.7 Schritt 5: Den ersten Beitrag schreiben ......................................................................... 65

3.8 Schritt 6: Frontend und Backend kennenlernen ....................................................... 66

3.8.1 Das Frontend ist die ganz normale Website ................................................... 66

3.8.2 Das Backend ist die Verwaltungsabteilung von WordPress ...................... 67

3.9 Auf einen Blick .......................................................................................................................... 68


Inhalt

7

4 WordPress auf eigenem Webspace installieren 71

4.1 Schlüsselfertig: ein vorinstalliertes WordPress ......................................................... 71

4.2 Das Fertighaus: WordPress als 1-Klick-Installation .................................................. 72

4.3 Der Hausbau: WordPress online installieren .............................................................. 74

4.3.1 Schritt 1: WordPress herunterladen und entpacken ..................................... 74

4.3.2 Schritt 2: Eine FTP-Verbindung zum Webspace herstellen ........................ 76

4.3.3 Schritt 3: WordPress-Dateien per FTP auf den Webspace kopieren ........ 77

4.3.4 Schritt 4: Das Installationsprogramm von WordPress aufrufen .............. 79

4.3.5 Schritt 5: Die Zugangsdaten für die Datenbank eingeben ......................... 81

4.3.6 Schritt 6: »Blog-Titel« eingeben und Administrator-

Account anlegen ....................................................................................................... 84

4.3.7 Schritt 7: Das Frontend kontrollieren und das Backend aufrufen ............ 86

4.4 Offline-Webspace: WordPress lokal installieren ...................................................... 88

4.4.1 XAMPP oder MAMP erstellen einen Webspace auf Ihrem Rechner ........ 89

4.4.2 Windows: Offline-Webspace mit XAMPP ........................................................ 89

4.4.3 OS X: Offline-Webspace mit MAMP ................................................................... 92

4.4.4 Die wichtigsten Daten zu XAMPP und MAMP im Überblick ...................... 93

4.4.5 Die lokale Installation von WordPress ............................................................... 94

4.5 phpMyAdmin: Datenbanken erstellen und verwalten .......................................... 95

4.5.1 So starten Sie phpMyAdmin ................................................................................. 95

4.5.2 Datenbank erstellen mit phpMyAdmin ............................................................ 97

4.5.3 Datenbank löschen mit phpMyAdmin .............................................................. 97

4.6 Auf einen Blick .......................................................................................................................... 97

5 Die ersten Schritte im Backend von WordPress 99

5.1 Das Backend von WordPress im Überblick .................................................................. 100

5.1.1 Die »Werkzeugleiste« am oberen Bildschirmrand ........................................ 100

5.1.2 Die »Menüleiste« ist die Schaltzentrale im Backend ................................... 101

5.1.3 Das »Dashboard« – alles Wichtige auf einen Blick ....................................... 102

5.2 Das Menü »Einstellungen« im Überblick ...................................................................... 103

5.3 »Allgemein«: Blogtitel & Co. .............................................................................................. 105

5.3.1 Der Name für Ihr Blog: »Seitentitel« und »Untertitel« ................................ 106

5.3.2 Allgemeine Einstellungen für Zeit, Datum und Sprache der Seite .......... 108


Inhalt

8

5.4 »Lesen«: Beiträge, Newsfeed und Suchmaschinen ................................................. 109

5.5 »Permalinks«: aussagekräftige Adressen für Beiträge .......................................... 111

5.5.1 Der Aufbau einer Webadresse (URL) ................................................................. 111

5.5.2 »Gebräuchliche Einstellungen« für Permalinks in WordPress ................. 112

5.6 »Benutzer«: Ihr Benutzerprofil im Überblick ............................................................. 115

5.6.1 »Persönliche Optionen«: Farbschema für das Backend und mehr ......... 116

5.6.2 Der Name der User: der Bereich »Name« im Benutzerprofil .................... 117

5.6.3 »Kontaktinfo«, »Biographische Angaben« und Passwort ändern ........... 118

5.7 »Avatar«: das Profilbild für Benutzer ............................................................................ 120

5.7.1 Standardavatar ändern in »Einstellungen � Diskussion« ............................ 121

5.7.2 »Gravatar« – ein Avatar für das ganze World Wide Web ........................... 122

5.8 Exkurs: das Backend auf WordPress.com ..................................................................... 124

5.8.1 »WP-Admin«: das klassische Backend auf WordPress.com ....................... 124

5.8.2 Das neue blaue Backend auf WordPress.com ................................................ 125

5.9 Auf einen Blick .......................................................................................................................... 126

TEIL II Inhalte: Texte, Bilder und Videos

6 Die ersten Seiten und Beiträge 131

6.1 Beiträge und Seiten: So verwaltet WordPress Inhalte ........................................... 131

6.1.1 Beiträge sind typisch für ein Blog ....................................................................... 131

6.1.2 Statische Seiten für statische Inhalte ............................................................... 133

6.2 Statische Seiten: »Über mich« und »Impressum« ................................................... 133

6.2.1 »Seiten � Alle Seiten«: statische Seiten in der Übersicht ............................ 134

6.2.2 Eine vorhandene Seite bearbeiten: »Über mich« .......................................... 134

6.2.3 »QuickEdit« für die Seite »Über mich«: Permalinks und

Kommentare .............................................................................................................. 136

6.2.4 Eine neue Seite erstellen: »Impressum« .......................................................... 139

6.2.5 Widget einfügen: Links zu statischen Seiten in der

Sidebar einfügen ...................................................................................................... 141

6.3 Bloggen: Beiträge ändern und erstellen ....................................................................... 143

6.3.1 Die Übersicht im Menü »Beiträge � Alle Beiträge« ........................................ 143

6.3.2 »Beitrag bearbeiten«: einen vorhandenen Beitrag verändern ................. 144

6.3.3 Das Menü »Beiträge � Erstellen«: einen neuen Beitrag erstellen ............ 147


Inhalt

9

6.4 Beiträge im Frontend: Übersicht und Einzelansicht ................................................ 148

6.4.1 Die Beiträge stehen im Frontend untereinander .......................................... 148

6.4.2 Jeder Beitrag hat eine Einzelansicht mit eigener Adresse .......................... 150

6.5 Startseite der Website: Beiträge oder statische Seite ............................................ 151

6.6 WordPress kennt verschiedene Seitentypen .............................................................. 153

6.7 Auf einen Blick .......................................................................................................................... 155

7 Texte schreiben in WordPress 157

7.1 Schreiben im Web für Menschen ..................................................................................... 157

7.1.1 Wie Menschen Texte lesen ................................................................................... 158

7.1.2 Webseiten werden nicht gelesen, sondern überflogen .............................. 158

7.2 Der visuelle Editor von WordPress im Überblick ....................................................... 159

7.2.1 Die Formatierungsleiste im visuellen Editor ................................................... 160

7.2.2 Die erweiterte Formatierungsleiste im visuellen Editor ............................. 162

7.3 Texte schreiben im visuellen Editor ................................................................................ 163

7.3.1 »Lorem Ipsum unterwegs« – Überschrift und Text ...................................... 163

7.3.2 Zwischenüberschriften lockern einen längeren Fließtext auf .................. 166

7.3.3 Übersichtlich: Teaser erstellen mit dem »Weiterlesen-Tag« .................... 167

7.3.4 »Revisionen« – zurück zu einer vorherigen Version ..................................... 169

7.4 Hyperlinks erstellen im visuellen Editor ....................................................................... 170

7.4.1 »Lorem Ipsum«: einen externen Hyperlink erstellen ................................... 171

7.4.2 Interne Links mit dem visuellen Editor einfügen ........................................... 173

7.4.3 Hyperlinks und das Klicken-Sie-hier-Syndrom ............................................... 173

7.5 Die Optionen zum Veröffentlichen ................................................................................. 174

7.5.1 Die Optionen beim »Veröffentlichen« von Beiträgen und Seiten ........... 175

7.5.2 Ein Beitrag als »Sticky Post«: die Option »Diesen Beitrag

oben halten« .............................................................................................................. 176

7.6 Kategorien erstellen und verwalten ............................................................................... 177

7.6.1 Der Unterschied zwischen Kategorien und Schlagworten ......................... 177

7.6.2 Das Menü »Beiträge � Kategorien« in der Übersicht .................................... 178

7.6.3 Die Kategorien für das Beispielblog erstellen ................................................. 179

7.6.4 Kategorien zuweisen: beim Beitrag oder mit »QuickEdit« ......................... 180

7.6.5 Kategorien und Beiträge im Beispielblog ......................................................... 182


Inhalt

10

7.7 Schlagworte erstellen und verwalten ............................................................................ 183

7.7.1 Beiträge bearbeiten: Schlagworte erstellen und zuweisen ....................... 184

7.7.2 Schlagworte verwalten mit der Funktion »QuickEdit« ............................... 186

7.7.3 Schlagworte verwalten: das Menü »Beiträge � Schlagworte« .................. 186

7.8 Formatvorlagen für Beiträge ............................................................................................. 187

7.8.1 Die Formatvorlage »Kurzmitteilung« als Beispiel ......................................... 189

7.8.2 Die Formatvorlagen »Zitat«, »Link« und »Statusmitteilung« ................... 189

7.9 Auf einen Blick .......................................................................................................................... 191

8 Die Mediathek: Bilder und Galerien 193

8.1 Schnelldurchlauf: Bild auf »Über mich« einfügen ................................................... 193

8.1.1 »Einstellungen � Mediathek«: die Bildgrößen überprüfen ......................... 194

8.1.2 Schritt 1: Die Seite »Über mich« im Editor öffnen ......................................... 195

8.1.3 Schritt 2: Ein Bild in die Mediathek hochladen .............................................. 196

8.1.4 Schritt 3: Ein Bild aus der Mediathek in die Seite einfügen ....................... 197

8.1.5 Schritt 4: Das Bild im Editor nachbearbeiten .................................................. 199

8.2 Über die Optimierung von großen Bildern .................................................................. 200

8.2.1 Wie Sie Dateinamen und Dateigrößen von Bildern optimieren .............. 200

8.2.2 Das Beispielfoto für die Optimierung ............................................................... 201

8.2.3 Schritt 1: Umbenennen – den Dateinamen optimieren .............................. 202

8.2.4 Schritt 2: Komprimieren – die Dateigröße reduzieren ................................ 203

8.2.5 Schritt 3: Skalieren – die Bildgröße reduzieren .............................................. 204

8.3 Dateien in der Mediathek verwalten ............................................................................. 205

8.3.1 Dateien hochladen direkt in der Mediathek ................................................... 205

8.3.2 Die Medienübersicht: Listenansicht oder Gridansicht ................................ 207

8.3.3 »Medium bearbeiten«: Titel, Beschriftung, Alt-Text und

Beschreibung ............................................................................................................. 208

8.3.4 WordPress erzeugt für jede Datei automatisch eine

»Anhang-Seite« ........................................................................................................ 211

8.4 Ausführlich: Bilder in Beiträge einfügen ...................................................................... 213

8.4.1 Einen neuen Beitrag erstellen .............................................................................. 213

8.4.2 »Medien hinzufügen«: ein großes Bild in einen Beitrag einfügen .......... 214

8.4.3 Das im Beitrag eingefügte Bild nachträglich bearbeiten ........................... 217


Inhalt

11

8.5 Ein »Beitragsbild« für einen Beitrag festlegen .......................................................... 220

8.5.1 Beitragsbilder sind Bilder, die einem Beitrag fest

zugeordnet werden ................................................................................................. 221

8.5.2 Ein Beitragsbild festlegen ...................................................................................... 222

8.5.3 Beitragsbilder im Theme »Twenty Fifteen« .................................................... 222

8.6 Bildergalerien erstellen und bearbeiten ....................................................................... 224

8.6.1 Schritt 1: Eine neue Galerie erstellen ................................................................. 224

8.6.2 Schritt 2: Die Einstellungen für die Galerie bearbeiten ............................... 226

8.6.3 Die Galerie nach der Erstellung bearbeiten ..................................................... 228

8.6.4 Die Galerie im Frontend aufrufen und überprüfen ...................................... 229

8.7 Bilddateien in der Mediathek bearbeiten .................................................................... 230

8.7.1 Die Symbolleiste zum Bearbeiten eines Bildes ............................................... 230

8.7.2 »Bild skalieren«: die Bildgröße verändern ........................................................ 231

8.7.3 »Bildausschnitt«: das Bild zuschneiden ............................................................ 232

8.7.4 »Miniaturbild-Einstellungen«: nur das Miniaturbild ändern .................... 233

8.8 Auf einen Blick .......................................................................................................................... 234

9 Multimedia: Sounds und Videos 237

9.1 Audio-Dateien in WordPress einbinden ........................................................................ 237


9.1.2 Eine MP3-Datei hochladen und im Beitrag einfügen ................................... 239

9.1.3 Playlists: eine »Audio-Wiedergabeliste« erstellen ........................................ 242

9.2 Video-Dateien in WordPress einbinden ........................................................................ 243

9.3 Einfacher geht’s nicht: Medien per URL einbetten ................................................... 246

9.3.1 Die richtige URL für ein YouTube-Video finden und kopieren .................. 247

9.3.2 Einen Beitrag mit per URL eingebettetem YouTube-Video

erstellen ....................................................................................................................... 248

9.4 Auf einen Blick .......................................................................................................................... 249

10 Kommentare: Interaktion mit Besuchern 251

10.1 Die Kommentarfunktion kennenlernen ....................................................................... 251

10.1.1 Einen neuen Kommentar erstellen .................................................................... 252


Inhalt

12

10.1.2 Neuer Kommentar – Benachrichtigung per E-Mail ...................................... 254

10.1.3 Neue Kommentare – Benachrichtigung im Backend .................................. 255

10.2 Kommentare verwalten: genehmigen, löschen etc. ............................................... 256

10.2.1 Das Menü »Kommentare« im Überblick: die Verwaltungszentrale ....... 256

10.2.2 Kommentare kommentieren: auf einen Kommentar antworten ........... 258

10.2.3 Kommentare verwalten beim Bearbeiten von Beiträgen

oder Seiten ................................................................................................................. 260

10.3 Das Menü »Einstellungen – Diskussionen« ................................................................ 261

10.3.1 Grundlegende Einstellungen für Kommentare ............................................. 261

10.3.2 Weitere Optionen für Kommentare: Moderation und Spam ................... 263

10.4 Kommentare für einzelne Beiträge oder Seiten deaktivieren ............................ 264

10.4.1 Die Funktion »QuickEdit« für Beiträge und Seiten ....................................... 265

10.4.2 Der Bereich »Diskussion« unterhalb des Editors ........................................... 265

10.5 Pingbacks – Interaktion mit anderen Blogs ................................................................ 266

10.6 Auf einen Blick .......................................................................................................................... 267

11 Crashkurs: HTML zum Schreiben in WordPress 269

11.1 Der Aufbau von HTML-Elementen ................................................................................... 270


11.1.2 HTML-Elemente bestehen aus Anfangs-Tag, Inhalt und Ende-Tag ........ 272

11.2 Überschriften, Absätze und Hervorhebungen im HTML-Quellcode ................. 274

11.2.1 Überschriften und Zwischenüberschriften ..................................................... 274

11.2.2 Absätze und Hervorhebungen: »p«, »strong« und »em« ........................... 276

11.2.3 HTML-Elemente verschachteln: zuerst geöffnet,

zuletzt geschlossen ................................................................................................. 277

11.3 Listen: Aufzählungen und Nummerierungen ............................................................ 277

11.3.1 Aufzählungen – ungeordnete Listen mit »ul« und »li« ............................... 277

11.3.2 Eine Nummerierung ist eine geordnete Liste ................................................. 279

11.3.3 Verschachtelte Listen: eine Liste in einer Liste ............................................... 281

11.4 HTML-Elemente im Editor von WordPress ................................................................... 283

11.4.1 Der visuelle Editor zeigt die HTML-Elemente in der Statusleiste ............. 283

11.4.2 Der Texteditor zeigt die HTML-Tags im Klartext ........................................... 285

11.5 Hyperlinks – das Besondere am World Wide Web .................................................. 286


Inhalt

13

11.6 Die Wegbeschreibung zum Bild: »img« ........................................................................ 287

11.7 Weitere nützliche HTML-Elemente ................................................................................. 288

11.7.1 Zitate werden von »blockquote« umgeben .................................................... 289

11.7.2 Beginne eine neue Zeile mit »br« ........................................................................ 289

11.7.3 Sonderzeichen im HTML-Quellcode: und Kollegen ....................... 289

11.8 Auf einen Blick .......................................................................................................................... 290

TEIL III Themes: das Design Ihrer Website

12 Themes anpassen: Menüs, Farben und Widgets 295

12.1 »Twenty Fifteen« – ein Theme kennenlernen ........................................................... 295

12.1.1 Die Website zum Theme: über ein Theme informieren .............................. 296

12.1.2 »About Twenty Fifteen«: Grundlegende Informationen

zum Theme ................................................................................................................. 297

12.1.3 »Responsive Layout«: »Twenty Fifteen« auf mobilen Geräten ................ 298

12.1.4 Beispielseiten für Lesbarkeit, Bilder und HTML-Elemente ......................... 301

12.1.5 »Twenty Fifteen« nach der Installation: Die »Theme-Details«

im Backend ................................................................................................................. 301

12.2 »Twenty Fifteen«: Übersicht der Layoutbereiche ..................................................... 302

12.2.1 »Twenty Fifteen« am Desktop: ein zweispaltiges Layout .......................... 303

12.2.2 »Twenty Fifteen« mobil: ein einspaltiges Layout mit

versteckter Sidebar .................................................................................................. 304

12.3 »Design � Menüs«: eine Navigation erstellen ............................................................. 305

12.3.1 Schritt 1: Ein Menü erstellen ................................................................................. 306

12.3.2 Schritt 2: Eine Menüstruktur erstellen .............................................................. 306

12.3.3 Schritt 3: Erweiterte Menüeigenschaften –

»Beschreibung« aktivieren .................................................................................... 308

12.3.4 Schritt 4: Beschreibungen für die Menüpunkte hinzufügen ..................... 309

12.3.5 Schritt 5: Links zu Facebook, Twitter und Co. hinzufügen .......................... 311

12.4 »Design � Anpassen«: Themes in der Live-Vorschau ................................................ 312

12.4.1 »Farben«: das Farbschema eines Themes ändern ........................................ 314

12.4.2 Das »Header-Bild« in »Twenty Fifteen« gilt für Header

und Sidebar ................................................................................................................ 316

12.4.3 »Hintergrundbild«: ein Bild für den Hintergrund der Webseiten ............ 317


Inhalt

14

12.5 Die Widgets von »Twenty Fifteen« ................................................................................. 319

12.5.1 Die Widgets »Suche«, »Letzte Beiträge« und

»Letzte Kommentare« ............................................................................................ 320

12.5.2 Widgets entfernen: »Kategorien«, »Seiten« und

vielleicht auch »Meta« ........................................................................................... 321

12.5.3 Widgets hinzufügen: Das Widget »Text« ist ein Joker ................................ 323

12.5.4 Chronologische Widgets: »Archive« und »Kalender« .................................. 325

12.5.5 Eine Wortwolke ausgeben mit dem Widget

»Schlagwörter-Wolke« ........................................................................................... 326

12.6 Know-how: Quelltext von Themes bearbeiten ......................................................... 327

12.6.1 Themes bearbeiten im Backend: »Design � Editor« ...................................... 328

12.6.2 »Child-Themes« sind perfekt zur Anpassung von Themes ........................ 329

12.7 Auf einen Blick .......................................................................................................................... 329

13 Ein neues Theme für die Beispielsite 331

13.1 Informieren – Themes suchen und kennenlernen ................................................... 332

13.1.1 Das Theme-Verzeichnis auf WordPress.org .................................................... 332

13.1.2 Jedes Theme hat eine Detailseite mit Links und Infos zum Theme ........ 333

13.2 Installieren – das Theme auf den Webspace kopieren .......................................... 335

13.2.1 Das Menü »Design � Themes« im Backend ..................................................... 336

13.2.2 Themes aus dem Backend heraus installieren ............................................... 337

13.2.3 Vor der Installation: die Vorschau (»Theme Preview«) ............................... 338

13.2.4 Die Installation: Meist genügt ein Klick ........................................................... 338

13.3 Ausprobieren und aktivieren – die »Live-Vorschau« .............................................. 340

13.3.1 In der »Live-Vorschau« können Sie das Theme live anpassen .................. 341

13.3.2 »Live-Vorschau«: Probieren Sie alles aus – live im Backend ...................... 342

13.3.3 Die Navigation in der »Live-Vorschau« ausprobieren ................................. 343

13.3.4 Die Widgets in der »Live-Vorschau« ausprobieren ....................................... 343

13.3.5 »Live-Vorschau« beenden: »Abbrechen«

oder »Speichern & Aktivieren« ............................................................................ 345

13.4 Finetuning: Startseite und Navigation anpassen ..................................................... 347

13.4.1 Eine statische Startseite erstellen ...................................................................... 347

13.4.2 Der statischen Startseite ein Startseiten-Template zuweisen ................. 348

13.4.3 Die beiden Widgetbereiche auf der Startseite ............................................... 350


Inhalt

15

13.4.4 Die Navigation anpassen: »Startseite« und »Aktuelles«

mit Untermenü ......................................................................................................... 352

13.4.5 Optional: die Seite »Impressum« ohne Sidebar gestalten ......................... 354

13.5 Auf einen Blick .......................................................................................................................... 355

14 Das richtige Theme: Beispiele und Quellen 357

14.1 Wissenswertes zu WordPress-Themes .......................................................................... 357

14.1.1 Der Verwendungszweck: Was genau haben Sie vor? .................................. 358

14.1.2 Kostenlose Themes versus Premium-Themes ................................................ 359

14.1.3 Zwei Arten von Themes: »Blog-Theme« oder

»Magazin-Theme« ................................................................................................... 360

14.1.4 Funktionale Ausstattung: Theme versus Plug-in .......................................... 361

14.1.5 Die Antwort auf die Frage »Welches Theme ist das?« ................................. 362

14.2 Ein paar Beispiele für gute kostenlose Themes ......................................................... 363

14.2.1 »Hemingway« von Anders Noren ....................................................................... 363

14.2.2 »Graphy« von Takao Utsumi ................................................................................ 365

14.2.3 »The Box« von Design Lab ..................................................................................... 367

14.2.4 »Twenty Fourteen« von WordPress.org ............................................................ 368

14.2.5 Weitere kostenlose Themes im Überblick ....................................................... 371

14.3 Kostenpflichtige Themes: Anbieter und Marktplätze ............................................ 374

14.3.1 Theme-Anbieter mit kommerziellem Support auf WordPress.org .......... 374

14.3.2 »elmastudio.de«: richtig gute deutschsprachige Themes ......................... 375

14.3.3 Überblick: englischsprachige Anbieter von GPL-Themes ........................... 377

14.3.4 Jenseits der GPL: WordPress-Themes von ThemeForest.net ..................... 377

14.4 Auf einen Blick .......................................................................................................................... 378

TEIL IV Plug-ins: WordPress erweitern

15 WordPress erweitern: Plug-ins installieren 381

15.1 Wissenswertes zu Plug-ins .................................................................................................. 381

15.1.1 Das Plug-in-Verzeichnis auf WordPress.org .................................................... 382

15.1.2 Worauf Sie bei einem Plug-in achten sollten .................................................. 382


Inhalt

16

15.2 Das Menü »Plugins« im Backend ..................................................................................... 384

15.2.1 Das Menü »Plugins«: Zwei Plug-ins sind bereits installiert ....................... 384

15.2.2 Plug-ins müssen nach der Installation aktiviert werden ............................ 385

15.2.3 »Hello Dolly« – ein Plug-in aktivieren, deaktivieren und löschen ............ 385

15.2.4 Ein neues Plug-in hinzufügen: das Menü »Plugin � Installieren« ............ 386

15.3 Jetpack – die Plug-in-Sammlung von Automattic .................................................... 388

15.3.1 Jetpack auf Ihrem Webspace installieren ........................................................ 388

15.3.2 Die Jetpack-Module deaktivieren und dann einzeln aktivieren ............... 390

15.3.3 Jetpack-Module, die Sie eventuell sofort wieder einschalten

sollten .......................................................................................................................... 390

15.4 Die wichtigsten Jetpack-Module für Bilder ................................................................. 391

15.4.1 Galerien mit Diashow: das Modul »Karussell« .............................................. 392

15.4.2 Galerien mit Layoutoptionen: das Modul »Gekachelte Galerien« .......... 392

15.4.3 Ein Minilogo für Ihre Webseiten: das Modul »Website-Symbol« ............ 394

15.5 Weitere Jetpack-Module in der Übersicht ................................................................... 395

15.5.1 Zwei Module für neue Widgets und Widget-Sichtbarkeit ......................... 396

15.5.2 »Gravatar Hovercards« erweitern einen Gravatar ........................................ 396

15.5.3 »Ähnliche Beiträge« anzeigen lassen ................................................................ 397

15.5.4 »Unendlich Scrollen« – Scrollen ohne Ende statt Paginierung ................. 398

15.5.5 Jetpack-Module für Themes: »Custom CSS« und »Mobile Theme« ....... 398

15.5.6 Jetpack-Module für die Arbeit im Editor .......................................................... 398

15.6 Auf einen Blick .......................................................................................................................... 399

16 Nützliche Plug-ins für Interaktionen 401

16.1 Eine Kontaktseite mit Kontaktformular ....................................................................... 401

16.1.1 Eine neue Kontaktseite erstellen ........................................................................ 401

16.1.2 Ein Kontaktformular auf der Seite »Kontakt« hinzufügen ........................ 402

16.1.3 Das Menü »Rückmeldung« speichert die Kontaktnachrichten ................ 405

16.2 Weitersagen: Beiträge teilen mit »Jetpack � Sharing« ........................................... 406

16.2.1 Das Jetpack-Modul »Sharing« aktivieren ......................................................... 406

16.2.2 Einstellungen ändern für das Jetpack-Modul »Sharing« ............................ 408

16.3 Weitere Jetpack-Module zur Interaktion ..................................................................... 411

16.3.1 »Abonnements« für Kommentare und Blogbeiträge .................................. 411

16.3.2 »WP.me Kurz-URLs« zum einfachen Weitersagen in E-Mails ................... 412


Inhalt

17

16.3.3 »Publizieren« neuer Beiträge in Ihren Social-Media-Kanälen ................... 412

16.3.4 »Erweiterte Verbreitung«: der Feuerwehrschlauch von

WordPress.com ......................................................................................................... 413

16.4 Müllvermeidung: Plug-ins gegen Kommentarspam ............................................... 414

16.4.1 Der Klassiker aus Deutschland: »Antispam Bee« .......................................... 414

16.4.2 Der Klassiker aus den USA: »Akismet« .............................................................. 416

16.5 Auf einen Blick .......................................................................................................................... 417

TEIL V Backups, Updates und Tipps & Tricks

17 Backups und Updates 421

17.1 Der Wartungsmodus – ein Hinweis für Ihre Besucher ............................................ 421

17.1.1 Das Plug-in »WP Maintenance Mode« installieren

und aktivieren ............................................................................................................................. 421

17.1.2 »WP Maintenance Mode« konfigurieren ......................................................... 422

17.2 Backups erstellen mit dem Plug-in »BackWPup Free« ........................................... 425

17.2.1 Verschiedene Wege zum Backup: Datenbank und

Dateien sichern ......................................................................................................... 425

17.2.2 Schritt 1: »BackWPup Free« installieren und aktivieren .............................. 426

17.2.3 Schritt 2: Einen neuen Auftrag erstellen – »Allgemein« ............................. 428

17.2.4 Schritt 3: Zeitpunkt festlegen im Register »Planung« ................................. 429

17.2.5 Schritt 4: Den Umfang des Backups definieren ............................................. 430

17.2.6 Schritt 5: Das Ziel des Backups definieren ....................................................... 432

17.2.7 Schritt 6: Den Auftrag zum Testen manuell starten .................................... 434

17.3 Updates: WordPress aktualisieren .................................................................................. 436

17.3.1 Automatische Sicherheitsupdates sind empfehlenswert .......................... 436

17.3.2 Das Ein-Klick-Update: WordPress per Mausklick aktualisieren ................ 438

17.4 Auf einen Blick .......................................................................................................................... 440

18 Nützliche Tipps & Tricks 441

18.1 Die Benutzerverwaltung von WordPress ...................................................................... 441

18.1.1 Die fünf Benutzerrollen von WordPress und ihre Rechte ........................... 442


Inhalt

18

18.1.2 Sicher ist sicher: Verwaltung als »Admin«, Schreiben

als »Redakteur« .......................................................................................................................... 443

18.2 Import/Export: Inhalte übertragen ................................................................................ 445

18.2.1 Schritt 1: Daten aus WordPress exportieren ................................................... 445

18.2.2 Schritt 2: Daten in einem anderen WordPress importieren ...................... 446

18.3 Apps für die mobile Nutzung von WordPress ............................................................ 448

18.4 Weitere nützliche Plug-ins im Kurzüberblick ............................................................. 449

18.4.1 Tabellen für den Editor: »TinyMCE Advanced« .............................................. 449

18.4.2 Links überprüfen: »Broken Link Checker« ........................................................ 451

18.4.3 Seiten beschleunigen: WordPress-Plug-ins zum Caching .......................... 451

18.4.4 Zusätzliche Sicherheit für WordPress: »Wordfence Security« ................. 452

18.5 Checkliste für die Freischaltung einer WordPress-Site .......................................... 452

18.5.1 Checkliste: Frontend ............................................................................................... 453

18.5.2 Checkliste: Interaktionen ...................................................................................... 453

18.5.3 Checkliste: Backend ................................................................................................. 454

18.5.4 Checkliste: SEO ......................................................................................................... 454

18.6 Die Beispiel-Website mit dem Theme »Hemingway« ............................................ 455

18.6.1 Die perfekte Übersetzung: »Loco Translate« .................................................. 456

18.6.2 Das CSS anpassen mit »Individuelles CSS« ..................................................... 459

18.7 Sie sind nicht allein: die WordPress-Community ...................................................... 461

Index ............................................................................................................................................................... 463


Index

463

Index

1-Klick-Installation 72

A

a (HTML-Element) 286

Ablenkungsfreies

Schreiben 145, 161

Admin-Leiste (Backend) 100

Admin-Toolbar 100

Anhang-Seite (Medien) 211

Anreißer

Teaser 167

Artikelbild � Beitragsbild

Audio

diverse Formate 241

MP3 einbinden 237

Wiedergabeliste erstellen 242

Audio-Formate 241

Automattic

(Matt Mullenweg) 39

Avatar 120

B

b2/cafelog 34

Backend 29, 66

Dashboard 102

Menüleiste 101

Backups (Datensicherung) 425

Beispielsite (Adresse) 455

Beiträge

als Entwurf speichern 147

ansehen 145

bearbeiten 144

Beitragsbild festlegen 222

Beitragsseite 149

Einzelansicht 150

erstellen 147, 164

Formatvorlagen 187

in Papierkorb legen 147

Kategorien 177

löschen 147

nicht ohne Kategorie 182

post format 187

posts 143

Revisionen 169

Startseite zeigt Beiträge 151

stehen unter-

einander 131, 148

Sticky Post 176

Teaser erstellen 167

veröffentlichen 147

Beiträge (Menü)

Alle Beiträge 143

Erstellen 147

Kategorien 178

Schlagworte 184

Beitragsbild

im Editor festlegen 222

Übersicht 221

Beitragsseite 149

Benutzer

Benutzernamen ändern 118

Benutzerprofil 115

E-Mail-Adresse 118

Gravatar 122

Namensoptionen 117

Passwort ändern 119

Profilbild ändern 120

Bilder

Alternativtext 198, 208

Beschreibung 209

Beschriftung 198, 208

Bild in Seite einfügen 197

Bildgröße reduzieren 204

Bildgrößen festlegen 194

Dateianhang Anzeigen-

einstellung 198, 215

Dateianhang-Details 198

Dateigröße reduzieren 203

Dateinamen optimieren 202

Detailinfos und SEO 211

Fotos optimieren 200

hochladen in Media-

thek 196, 205

im Editor bearbeiten 199

in Mediathek bearbeiten 230

in Mediathek skalieren 231

in Mediathek

zuschneiden 232

Miniaturbild ändern 233

mit JPEGmini optimieren 203

Titel 198, 208

Bildschirmgrößen testen 299

blockquote

(HTML-Element) 289

Blog 34

Blog vs. CMS 36

Blogsoftware 34

typische Merkmale 36

Blog Main (Page) 149

bloggen 34

Blogtitel 47, 106

br (HTML-Element) 289

Browser 28, 299

C

Checkliste

Backend 454

Frontend 453

Interaktionen 453

SEO 454

vor Freischaltung 452

Child-Themes 329

CMS

CMS vs. Blog 36

Definition 36

Content-Management-

System (CMS) 36

Custom CSS (Jetpack) 398

D

Dashboard

Aktualisierungen 103

Home 102

Übersicht 102


Index

464

Datenbank (MySQL) 54

Datenschutzerklärung 140

Datensicherung � Backups

Design (Menü)

Anpassen

(Live-Vorschau) 312

Menüs (Navigationen) 305

Themes 336

Domain-Name 30

Aufbau 51

ist Teil einer URL 111

und E-Mail 52

und Recht 53

und Umlaute 53

Verfügbarkeit prüfen 52

E

Editor

Texteditor 162

visueller Editor 159

Editor (visueller)

Bild bearbeiten 199, 217

Formatierungsleiste 160

Formatierungsleiste

(erweiterte) 162

Galerie bearbeiten 228

Hyperlinks erstellen 170

neue Zeile anfangen 165

Plug-in zur Erweiterung 449

Einstellungen

Allgemein (Menü) 104, 105

Beiträge pro Blogseite 109

Diskussion (Menü) 254,

255, 261

Lesen 151

Lesen (Menü) 104, 109

Medien (Menü) 194

Menüs im Überblick 103

Newsfeed 109

Permalinks (Menü) 104, 112

Schreiben 182

Seiten-Adresse (URL) 105

Sichtbarkeit für Such-

maschinen 109

Sprache der Seite 108

WordPress-Adresse (URL) 105

Zeit- und Datumsformate 108

Einstieg in CSS 461

Einzelansicht 150

em (HTML-Element) 276

E-Mail-Adresse 105, 118

Embeds (Dienste) 246

F

Facebook

Beiträge weitersagen 406

Publizieren 412

Favicon einfügen 394

Feed 132

Fehlermeldung

wp-config.php 83

FileZilla (FTP) 76, 79

Formatvorlagen

Kurzmitteilung (aside) 189

Link (link) 190

post format 188

Twenty Fifteen Demo 191

Übersicht 187

Zitat (quote) 189

Frontend 66

Beitragsseite 149

Einzelansicht 150

FTP (File Transfer Protocol) 33

G

Galerie

bearbeiten 226, 228

erstellen 224

im Frontend 229

Shortcodes 227

Übersicht 224

Genericons 312

Gestaltung (Themes) 48

Google+


Publizieren 412

GPL (Lizenz) 359

Gravatar 118, 122

H

h1 bis h6 (HTML-Elemente) 274

HintergrundHintergrundbild 317

passende Grafiken 319

Homepage 29

HTMLdie Buchstaben erklärt 269

Listen erstellen 277

Sonderzeichen 289

Text hervorheben 276

Überschriften benutzen 274

HTML-Elementea 286

blockquote 289

br 289

em 276

h1 bis h6 274

img 288

li 277

ol 279

p 276

strong 276

ul 277

verschachteln 277

HyperlinksAnatomie (Aufbau) 286

Empfehlungen zum Einsatz 174

erstellen (<a>) 286

externe Links 171

im Editor erstellen 170

interne Links 173

interne und externe 170

Klicken-Sie-hier-Syndrom 173

verknüpfen Webseiten 28

Hypertext 269

I

Iconfonts 312

img (HTML-Element) 288

Import/Export XML-Datei 445

Impressumsgenerator 139

Interaktionen

Kommentarformular 251

Kontaktformular 251


Index

465

Pingbacks 266

Trackbacks 267

J

Jetpack

Abonnements 411

alle Module deaktivieren 390

Benachrichtigungen 414

erweiterte Verbreitung 413

Gefällt mir 414

gekachelte Galerien 392

Gravatar Hovercards 396

individuelles CSS 398, 459

installieren 388

Jetpack-Kommentare 414

Karussell 392

Kontaktformular 402

Markdown 398

mobiles Theme 398

Monitor (Überwachung) 390

Omnisearch 390

Photon 394

publizieren 412

Rechtschreibung und

Grammatik 398

schöne Mathematik 398

schützen (Brute Protect) 390

Sharing 406

Shortcode-Einbettungen 398

Site Icon (Favicon) 394

Überblick 388

unendlich Scrollen 398

Widget-Sichtbarkeit 396

WP.me Kurz-URLs 412

zusätzliche Seitenleisten-

Widgets 396

JPEGmini.com 203

K

Kategorien

erstellen 179

für die Beispielsite 179

in Schlagworte

konvertieren 187

Standardkategorie 182

Übersicht 177

und Schlagworte 177

und Unterkategorien 180

zuweisen 180

Kommentare

auf Seiten deakivieren 136

Benachrichtigung im

Backend 255

Benachrichtigung

per E-Mail 254

deaktivieren 264

Freischaltung

(Moderation) 254, 263

genehmigen 257

Kommentar erstellen 252

Kommentarformular 251

löschen 257

Kommentare (Menü)

antworten 257

bearbeiten 257

löschen 257

moderieren 256

QuickEdit 257

Spam 257

Übersicht 256

Kontaktformular 402

L

Layoutbereiche

Menübereich 302, 350

Twenty Fifteen 302

Twenty Twelve 350

Widgetbereich 302, 350

li (HTML-Element) 277

Links 286

� Hyperlinks

Listen

Aufzählungen (ul) 277

geordnete Listen (ol) 279

Nummerierungen (ol) 279

ungeordnete Listen (ul) 277

verschachtelte Listen 281

Live-Vorschau

Anpassungsleiste 340

Farbschema ändern 314

Header-Bild ändern 316, 342

Hintergrundbild ändern 317

Navigation probieren 343

Speichern & Aktivieren 345

Twenty Twelve 341

Übersicht 312

Widgets anpassen 319, 343

M

Major Release 437

MAMP

Datenbank erstellen 97

Datenbank löschen 97

FAQ bei Problemen 92

installieren 92

Offline-Webspace 89

phpMyAdmin starten 96

spezielle Ports 93

tabellarische Übersicht 93

Mediathek

Anhang-Seite 211

Bild skalieren 231

Bild zuschneiden 232

Bilder bearbeiten 230

Bildgröße 194

Dateianhang-Details 198

Dateien hochladen 196, 205

Einstellungen • Medien 194

Listen- vs. Gridansicht 207

Medium bearbeiten 208

Miniaturbild (Größe) 194

Miniaturbild ändern 233

MP3-Dateien 239

Menüleiste (Backend)

Übersicht 101

Menüs

Beschreibung 308

Design • Menüs 305

Dropdown-Menü 352

erstellen 306, 352

Menüstruktur 306, 352

mit Unterpunkten 352

Positionen 308

Social Media 311

Minor Release 437


Index

466

MP3

Datei einbinden 237

in Mediathek 239

Mullenweg, Matt 34

N

Navigation erstellen 305, 352

Navigation � Menüs

Newsfeed 132

O

ol (HTML-Element) 279

P

p (HTML-Element) 276

Passwort ändern 119

Permalink

für einen Beitrag 150

für Formatvorlagen 189

für Kategorien 113, 179

für Schlagworte 113

ist eine Webadresse 28

mit QuickEdit ändern 136

Übersicht 111

PHP 54

phpMyAdmin



Übersicht 95

Pingbacks 266

Plug-ins

aktivieren 385

Audio-Player 241

BackWPup 426

Blog2Social 413

Broken Link Checker 451

Caching 451

Codestyle Localization 459

deaktivieren 385

Easy Fancybox 220

GPL (Lizenz) 359

Installation (manuelle) 388

installieren (Backend) 386

Kategorie-und-Schlagwort-Konverter 187

Loco Translate 368, 456

löschen 385

Regenerate Thumbnails 195

Shariff for WordPress 411

Shortcodes Ultimate 362

Theme Check 357

TinyMCE Advanced 449

W3 Total Cache 451

Wordfence Security 452

WP Maintenance Mode 421

WP Rocket 451

WP Supercache 451

Plug-ins (Funktionen) 50

Plug-ins (Menü)Installieren 386

Übersicht 384

Plug-in-Verzeichnis 50

Plug-in-Detailseite 382

Übersicht 382

post (Beitrag) 143

Provider � Webhoster

Q

Quelltext 30

QuickEditKategorien zuweisen 181

Kommentare deaktivieren 136

Permalink ändern 136

Schlagworte zuweisen 186

R

Rechtschreibreform 158

Responsive Layouts 298

Revisionen 169, 175

RSS-Feed 132

S

Schlagworte

erstellen 184

in Kategorien

konvertieren 187

mit QuickEdit 186

Übersicht 183

und Kategorien 177

verwalten 186

Schreibenfür Menschen 158

Zwischenüberschriften benutzen 166

SeitenArchivseiten 153

Beitragsseite 153

Einzelseiten 153

Startseite 153, 347

statische Seiten 134, 153

Seiten (Menü)Alle Seiten 134

Erstellen 139

Seiten (statische)als Startseite 151, 347

bearbeiten 134

Impressum 139, 354

Kommentare deaktivieren 136

Kontaktseite 401

neu erstellen 139

Revisionen 169

Seiten-Templates 348, 354

Über mich 135

Übersicht 134

und Beiträge 133

Seiten-Templatesmit voller Breite,

keine Sidebar 354

Startseiten-Template 348

Seitentitelin allgemeinen

Einstellungen 106

ist Blogtitel 106

SEODetailinfos für Bilder 211

Shared Hosting 55

Sharing 406

Shortcodes 227, 361, 404

Sicherheitsupdates 437

Sichtbarkeit für Such-maschinen 110

Social MediaBeiträge beim Veröffentlichen

weitersagen 412

Sharing-Buttons 406


Index

467

Social-Media-Menü 311

Sticky Posts 176

strong (HTML-Element) 276

Stylesheets (CSS) 329

Suchmaschinen 110

zeigen Untertitel 107

T

Tagline (Untertitel) 47

Tags � SchlagworteTeaser (Anreißer) 167

Templates (PHP) 329

ThemesAnpassungsleiste 340

auf mobilen Geräten 298

Bildschirmgrößen testen 299

Blog vs. Magazin 360

Child-Themes 329

Customizr 373

Design • Anpassen 312

Design • Themes 336

Elma Studio 375

GPL (Lizenz) 359

Graph Paper Press 377

Graphy 365

Gridsby 372

Hemingway (Beispielsite) 455

installieren 335

kostenlos vs. Premium 359

Live-Vorschau 312, 341

mobiles Theme (Jetpack) 398

responsiv 298

style.css 329

testen in Firefox 299

The Box 367

Theme Foundry 377

Theme-Details (Backend) 301

themeforest.net 377

Theme-Verzeichnis (Word-Press.org) 332

Twenty Fifteen (Demo) 296

Twenty Fourteen 368

versus Plug-ins 361

Themes (Gestaltung) 48

Themes installierenim Backend 335

manuell (FTP) 340

Themes-Verzeichnis 48

Theme-Verzeichnis

(WordPress.org)

Theme-Detailseite 333

Übersicht 332

Top Level Domain (TLD) 52

Touchicon einfügen 394

Trackbacks 267

Twitter


Publizieren 412

U

Überschriften (h1 bis h6) 274

ul (HTML-Element) 277

Untertitel

in allgemeinen

Einstellungen 106

in Suchmaschinen 107

Updates 436

URL 28

V

Veröffentlichen

Datum festlegen 175

Optionen 174

Revisionen 175

Sichtbarkeit 175

Status 175

Video

Dateien einbinden 243

diverse Formate 245

per URL einbetten 246

Wiedergabeliste erstellen 246

Video-Formate 245

W

Wartungsmodus 421

Webhoster 51

Weblog (Blog) 34

Webpublishing 32

Webseite 29

Webserver 30, 54

Website 29

Website planenFunktionen 50

Gestaltung 48

Inhalt 47

Rahmenbedingungen 43

Technik 51

Webspace 54

Wege zu WordPress (Diagramm) 45

Websites1stwebdesigner.com 378

alexa.com 363

blindtextgenerator.de 163

datenschutz-generator.de 140

genericons.com 312

imageoptim.com 203

impressum-generator.de 139

jpegmini.com 203

kraken.io 203

rechtambild.de 205

rechtsanwalt-schwenke.de 205

smashing-magazine.com 361

soundcloud.com 241

subtlepatterns.com 319

tinypng.com 203

twentyfifteendemo.word-press.com 191

vimeo.com 246

whatwpthemeisthat.com 363

wpthemedetector.com 363

youtube.com 246

Webspace 30, 54

Domain und Ordner zuweisen 78

kostenlos ausprobieren 55

offline 88

PHP-Memory-Limit 55

RAM 55

Speicherplatz 55

Traffic 55

Verwaltungsoberfläche 55

Webspace Provider � Web-hoster

Weiterlesen-Tag (Teaser) 167

Weitersagen � Sharing


Index

468

Werkzeugleiste

(Admin-Leiste) 100

Widgets

Archive 325

Bild (Jetpack) 396

Definition 142

Galerie (Jetpack) 396

in Twenty Fifteen 319

in Twenty Twelve 343, 350

Individuelles Menü 324

Kalender 325

Kontaktinfo (Jetpack) 396

Letzte Beiträge 320

Letzte Kommentare 320

Liste der Seiten anzeigen 142

Reihenfolge ändern 183

Schlagwörter-Wolke 326

Seiten 142

Suche 320

Text 323

Top Beiträge & Seiten

(Jetpack) 396

Widgetbereich 142

zur Sidebar hinzufügen 142

Windows-Kachel einfügen 394

WordPress

anmelden 67

Backups 425

Blogtitel eingeben 62

Community 461

deutsche Version 74

Expertenhilfe 462

GPL 359

ist Blog und CMS 37

ist ein Blog 36

ist ein CMS 36

ist Open Source 37

Login 67

lokal installieren 94

Major Release 437

Minor Release 437

mobile Apps 448

Updates 436

Voraussetzungen

Webspace 55

WordPress installieren

1-Klick-Installation 72

Blogtitel eingeben 84

das Frontend 66

Dateien hochladen 76

vorinstalliertes WordPress 71

WordPress herunterladen 74

wp-config.php 82, 83

Zugangsdaten Daten-

bank 79, 81

Zugangsdaten FTP 76

WordPress.com

Audio-Dateien einbinden 241

Basis-Version 40

Beiträge exportieren 59

Business, Enterprise

und VIP 41

das Backend 67

der erste Beitrag 65

die Registrierung 60

Hilfeseite (Support) 462

Nachteile 40

Premium-Version 40

und Automattic 39

und WordPress.org 37

Vorteile 40

WordPress als Miet-

wohnung 40

XML-Datei exportieren 445

XML-Datei importieren 446

WordPress.org

Hilfeseite (Support) 462

ist keine Firma 38

Plug-in-Verzeichnis 50, 382

Themes-Verzeichnis 48

Theme-Verzeichnis 332

WordPress herunterladen 74

XML-Datei exportieren 445

XML-Datei importieren 446

WP.me Kurz-URLs 412

wp-config.php 82, 83

wp-login.php 67

X

XAMPP

Apache startet nicht 91

Control Panel 90



FAQ bei Problemen 90

installieren 89

Offline-Webspace 89

phpMyAdmin starten 95

tabellarische Übersicht 93


Peter Müller

Einstieg in WordPress 4468 Seiten, broschiert, Juli 2015 24,90 Euro, ISBN 978-3-8362-2913-5

www.rheinwerk-verlag.de/3627

Wir hoffen sehr, dass Ihnen diese Leseprobe gefallen hat. Sie dürfen sie gerne empfehlen und weitergeben, allerdings nur vollständig mit allen Seiten. Bitte beachten Sie, dass der Funktionsumfang dieser Leseprobe sowie ihre Darstel-lung von der E-Book-Fassung des vorgestellten Buches abweichen können. Diese Leseprobe ist in all ihren Teilen urheberrechtlich geschützt. Alle Nut-zungs- und Verwertungsrechte liegen beim Autor und beim Verlag.

Teilen Sie Ihre Leseerfahrung mit uns!

Peter Müller arbeitet seit vielen Jahren als IT-Dozent und versteht es, komplizierte Sachverhalte auf einfache und unterhaltsame Weise darzustellen. Er ist als Autor der Bestseller »Flexible Boxes« und »Little Boxes« be-kannt, dessen neueste Auflage unter dem Titel »Einstieg in CSS« erschienen ist.

Know-how für Kreative.Wissen, wie’s geht.

https://www.rheinwerk-verlag.de/einstieg-in-wordpress-4_3627/?GPP=lpn

https://www.facebook.com/rheinwerkverlag

https://plus.google.com/118435207805510651040

http://twitter.com/rheinwerkverlag

Documents

Einstieg in WordPress 4 - Store & Retrieve Data Anywhere · 5 Die ersten Schritte im Backend von WordPress 106 Benutzerrolle ihnen dann standardmäßig zugewiesen wird. In Ihrem eigenen