Praxiswissen Wordpress

38

description

WordPress erfreut sich seit Jahren großer Beliebtheit: Ganz gleich, ob privat oder kommerziell genutzt, ob für eine Handvoll Besucher oder Tausende Nutzer pro Tag ausgelegt – mit dem Weblog-CMS lassen sich sowohl Blogs als auch umfangreiche Websites umsetzen. Dieses Buch beschreibt anhand einer Beispiel-Site, wie man ein Weblog aufsetzt, konfiguriert und mit individuellen Inhalten befüllt. Da sich auch komplexe Websites gut mit WordPress verwalten lassen, widmet sich die Autorin auch der Nutzung von WordPress als Content Management System. Darüber hinaus wird eine Auswahl an nützlichen Plug-ins vorgestellt, mit denen Sie Ihr Blog um schöne oder praktische Features erweitern können. Mehr Informationen erhalten Sie unter: http://www.oreilly.de/catalog/pwwordpressger/index.html

Transcript of Praxiswissen Wordpress

Page 1: Praxiswissen Wordpress
Page 2: Praxiswissen Wordpress

First

Max.Linie

Max.Linie

Hier Mini IVZ eingeben!

Abstand untere Tabellenlinie zu Textanfang 1,8 cm-> also: manuell auf den Arbeitsseiten ziehen!!!

Erstellen auf denArbeitsseiten(siehe Muster)

V

Inhalt

Vorwort . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . IX

Einführung . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . XV

1 WordPress installieren und konfigurieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1Systemvoraussetzungen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1WordPress herunterladen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2WordPress konfigurieren. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3Die Datenbank konfigurieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4WordPress-Dateien auf den Webserver kopieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8Setup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

2 Das Dashboard kennenlernen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15Aufbau des Dashboards. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16Das Dashboard anpassen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23Wo liegen welche Daten?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

3 Ein Blog aufbauen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31Allgemeine Einstellungen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31Der erste Artikel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40Kategorien für Artikel anlegen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43Die Blogroll füllen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46Seiten anlegen und bearbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51Die Sidebar mit Widgets aufpeppen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56Das Standard-Theme anpassen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63

Page 3: Praxiswissen Wordpress

VI Inhalt

4 Texte eingeben und gestalten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65Texte mit dem Editor bearbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65Bilder bearbeiten und einfügen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74Mediendateien und weitere Dateien einfügen. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82Speichern und Publizieren. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

5 Kommentare und Trackbacks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97Kommentare erstellen und moderieren. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98Trackbacks und Pingbacks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115RSS-Feeds . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

6 WordPress mit Plugins aufrüsten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123Plugins sorgfältig auswählen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124Plugins installieren und deinstallieren. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125Das Blog vor Spam schützen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134Kommentar-Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138Präsentations-Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149Twitter-Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151Statistik-Plugins. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155SEO-Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

7 Blog-Gestaltung mit Themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161Themes automatisch installieren. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163Themes manuell installieren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166Aufbau eines Themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167Ein neues Kleid für Ihr Blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174Ein einfaches Theme selbst entwickeln. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

8 Das Blog zur Website ausbauen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197WordPress als Content Management-System nutzen . . . . . . . . . . . . . . . . . . . . . . . . . 197Eine Navigationsstruktur entwickeln . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202Mit Benutzerrollen arbeiten . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219

9 Pflege und Sicherheit. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229Die Grundkonfiguration ändern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231Backup der WordPress-Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244Daten via Dashboard exportieren und importieren . . . . . . . . . . . . . . . . . . . . . . . . . . 259

Page 4: Praxiswissen Wordpress

Inhalt VII

10 Ausblick: WordPress im Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263Das Blog zum Buch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263WordPress allgemein . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263Tutorials. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265Themes und Designbeispiele . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265Plugins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266WordPress als CMS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267Security . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268

Index. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 271

Page 5: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009First

Max.Linie

Max.Linie

Hier Mini IVZ eingeben!

Abstand untere Tabellenlinie zu Textanfang 1,8 cm-> also: manuell auf den Arbeitsseiten ziehen!!!

Erstellen auf denArbeitsseiten(siehe Muster)

31

Kapitel 3KAPITEL 3

Ein Blog aufbauenIn diesem Kapitel:

• Allgemeine Einstellungen • Der erste Artikel• Kategorien für Artikel anlegen• Die Blogroll füllen• Seiten anlegen und bearbeiten• Die Sidebar mit Widgets

aufpeppen• Das Standard-Theme anpassen

Bis jetzt ist das neue Blog ein leeres Gerüst mit einem Admin-Kontound einem Standarderscheinungsbild. Dieses Kapitel zeigt, wie mitwenigen einfachen Schritten ein individuelles Blog aufgebaut wird.

Bevor es mit Ihren ersten Artikeln losgehen kann, müssen Sie einigeallgemeine Einstellungen vornehmen. Dabei geht es zum einen umtechnische Details wie beispielsweise die Festlegung eines Upload-Verzeichnisses, zum anderen um formale Aspekte wie die Festle-gung der Zeitzone, in der Sie sich befinden. Diese allgemeinen Ein-stellungen wirken sich teilweise sichtbar aus, etwa beim Blogtiteloder dem gewählten Datumsformat, und teilweise auch für denBesucher unsichtbar, wie beispielsweise bei der Benachrichtungs-adresse für den Administrator.

Allgemeine Einstellungen Ausgangspunkt ist wie immer das Dashboard. Über den MenüpunktEinstellungen ➝ Allgemein erreichen Sie die gewünschte Eingabe-maske (siehe Abbildung 3-1).

Blogtitel: Geben Sie hier den Titel für Ihr Blog ein. In unserem Bei-spiel ist der neue Blogtitel »Webdesign-Blog«, weil es im Blog umdas Thema Webdesign gehen soll. Den bei der Installation gewähl-ten Titel »Mein Beispielblog« überschreiben Sie.

Slogan: Der Untertitel oder »Slogan« wird abhängig von der gewähl-ten Designvorlage (dem sogenannten Theme) angezeigt. Sie könnendieses Feld freilassen oder ausfüllen, ganz wie Sie wünschen. Im Bei-spiel heißt der Slogan jetzt »Informationen für Webdesigner«.Natürlich können Sie Blogtitel und Slogan jederzeit ändern.

Page 6: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

32 Kapitel 3: Ein Blog aufbauen

Abbildung 3-1Allgemeine Einstellungen fürdas neue Blog im Dashboard

WordPress-Adresse (URL): Dies ist die Webadresse, in der Ihr Word-Press auf dem Webserver installiert ist, wo Sie also die ganzenWordPress-Dateien via FTP hinkopiert haben. Hier müssen Sie nor-malerweise nichts ändern. Die Adresse wird nur geändert, falls Sieim Nachhinein das Verzeichnis via FTP geändert haben und dieseEinstellung nun auch in der WordPress-Installation nachführenmüssen.

Blog-Adresse (URL): Im Feld Blog-Adresse geben Sie die Adresse ein,unter der Besucher Ihre Blog-Homepage erreichen, sofern diese vomWordPress-Installationsverzeichnis abweicht, das als Standard-einstellung eingetragen ist (siehe Kasten WordPress im Unterver-zeichnis ablegen, aber über das Hauptverzeichnis aufrufen).

Page 7: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Allgemeine Einstellungen 33

E-Mail-Adresse: Tragen Sie im Feld E-Mail-Adresse die Mailadresseein, an die alle administrativen Nachrichten wie zum BeispielBenachrichtigungen über neue Kommentare geschickt werden sol-len. In Abbildung 3-1 sehen Sie eine meiner E-Mail-Adressen – Siemüssen natürlich eine eigene Adresse eintragen. Welche Sie neh-men, bleibt Ihnen überlassen, es ist aber sicher nicht ungeschickt,eigens für diesen Zweck eine besondere Mailadresse einzurichten.

WordPress im Unterverzeichnis ablegen, aber über das Hauptverzeichnis aufrufen

Aus Sicherheitsgründen sollten Sie WordPressnicht im Hauptverzeichnis Ihres Webservers in-stallieren, selbst wenn es die einzige Installa-tion auf Ihrem Webspace ist. Die Gründe dafürwerden in Kapitel 9, Pflege und Sicherheit, ge-nauer beleuchtet.

Sie können aber ihr WordPress-Blog trotzdemdirekt mit der Domain verbinden, sodass beiEingabe der Domain http://www.example.comdas Blog geladen wird, auch wenn es sich ineinem Unterverzeichnis befindet. Geben Siedazu im Dashboard unter Einstellungen ➝ Allge-mein ➝ Blog-Adresse die gewünschte URL ein,hier http://www.example.com.

Kopieren Sie dann aus dem WordPress-Instal-lationsverzeichnis (zum Beispiel http://www.example.com/ihrblogverzeichnis) die Dateien in-dex.php und .htaccess in das Hauptverzeichnis(wwwroot) Ihres Webspace.

In der Datei index.php befindet sich folgendeCodezeile:

require('./wp-blog-header.php');

Ändern Sie diese Codezeile in folgende:

require('./ihrblogverzeichnis/wp-blog-header.php');

Beachten Sie, dass Sie statt »ihrblogverzeichnis«das Verzeichnis eingeben, in dem Ihr WordPressinstalliert ist. Der Inhalt von index.php, die sich

im Hauptverzeichnis befindet, sieht dann inetwa so aus:

<?php

/** * Front to the WordPress application. This file doesn't do anything, but loads* wp-blog-header.php which does and tells WordPress to load the theme.* * @package WordPress */

/** * Tells WordPress to load the WordPress theme and output it. * * @var bool */define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */require('./ihrblogverzeichnis/wp-blog-header.php');?>

Das war’s auch schon – ab jetzt ist Ihr Blogüber die URL http://www.example.com erreich-bar, auch wenn WordPress im Unterverzeichnishttp://www.example.com/ihrblogverzeichnisinstalliert ist.

Page 8: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

34 Kapitel 3: Ein Blog aufbauen

Mitgliedschaft: Wenn Sie ein Häkchen in die Checkbox Mitglied-schaft machen, können sich Leser Ihres Blogs selbst als Benutzerdes Blogs registrieren. Für unser Beispielblog brauchen Sie diesesFeature nicht, Sie legen Benutzer lieber bei Bedarf selbst an, lassenalso das Kästchen leer.

Tipp Wenn nicht unbedingt benötigt, sollte die offene Registrierungausgeschaltet sein. In früheren WordPress-Versionen war daseine Hintertür, durch die Hacker in das System eindringen konn-ten. Diese Sicherheitslücke ist zwar inzwischen geschlossen,aber Sie erhöhen damit dennoch die Sicherheit Ihres Systems.

Standardrolle eines neuen Benutzers: Hier legen Sie fest, was die Stan-dardrolle eines neuen Benutzers ist. Das ist besonders wichtig, wennBenutzer sich selbst registrieren können, denn dann sollte die Rolleaus Sicherherheitsgründen so niedrig wie möglich sein. Daher ist dieStandardeinstellung auch die niedrigstmögliche, nämlich »Abon-nent«. Mehr über die Benutzerrollen, die WordPress anbietet, kön-nen Sie in Kapitel 2, Das Dashboard kennenlernen, nachlesen.

Tipp Wie beim vorigen Punkt schon erwähnt, ist es hier wichtig, vor-sichtig vorzugehen, und sicherer, die Registrierung durch Besu-cher auszuschalten. Denn falls die Standardrolle aus Versehenauf Administrator gestellt werden sollte, könnten beliebigeBesucher sich einen Account mit Admin-Rechten registrierenund damit das komplette Blog verändern.

Zeitzone: Ändern Sie hier die Zeitzone so, dass sie Ihrer Zeitzone ent-spricht. Als Basis wird UTC genommen.

Tipp UTC ist »Universal Time Coordinated«, die »koordinierte Welt-zeit«, die bereits 1926 die Greenwich Mean Time (GMT) abge-löst hat. Wenn UTC z. B. 18:00 Uhr ist und in Ihrer Zeitzone dieUhr 20:00 Uhr anzeigt, stellen Sie UTC+2 ein. Natürlich könnenSie auch eine andere Zeitzone hinterlegen, wenn Sie z. B. pri-mär für Leser in den USA schreiben. Die hier ausgewählte Zeitwird dann auch in Artikeln und Kommentaren angezeigt.

Sehr nützlich, um sich die Zeit in allen größeren Städten derWelt und die Abweichungen zu UTC anzeigen zu lassen, ist dieWebsite http://www.timeanddate.com.

Datumsformat: Hier können Sie bei Bedarf die Anzeige des Datums-formats ändern. Als Standard ist eine gebräuchliche Form in deut-schem Datumslayout ausgewählt, zum Beispiel 12. Mai 2009. Siehaben aber auch die Möglichkeit, unter Angepasst ein eigenes For-

Page 9: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Allgemeine Einstellungen 35

mat zu definieren. Dazu müssen Sie bestimmte Platzhalter verwen-den, eine Auswahl der wichtigsten zeigt Tabelle 3-1. Die kompletteListe finden Sie unter http://de.php.net/manual/de/function.date.php.

Tabelle 3-1PHP-Platzhalter für Datums-angaben

Zeitformat: Ebenso wie das Datumsformat können Sie auch das Zeit-format auf Wunsch anders anzeigen lassen, entsprechend den ange-botenen Optionen. Das hier sind die wichtigsten:

H = Stunden (24-Stunden-Format)

i = Minuten (mit führender Null)

Woche beginnt am: Hier können Sie den Wochenanfang einstellen,Standard ist Montag. In den USA beginnt die Woche am Sonntag, inDeutschlang am Montag. Das wirkt sich z. B. beim Kalender-Widget(Anzeige eines kleinen Kalenders in der Blog-Seitenleiste) aus.

Um diese allgemeinen Einstellungen zu speichern, klicken Sie aufden Button Änderungen übernehmen.

PermalinksJetzt kommen wir zu einem sehr wichtigen Thema in WordPress,den sogenannten »Permalinks«. Auch wenn das vielleicht ein weniglästig klingt und Sie doch eigentlich gleich loslegen wollen mit denersten Artikeln, sollten Sie diese Einstellungen noch vor dem erstenBlog-Posting machen. Denn wenn Sie später etwas an diesen Ein-stellungen ändern, verlieren Sie unter Umständen wertvolle Verlin-kungen, wenn andere schon Links auf Ihre Artikel gesetzt habensollten und diese dann ins Leere laufen, weil Sie die Linkstrukturgeändert haben.

Permalinks sind nichts anderes als URLs. Das Wort »Permalink«setzt sich aus den Elementen »permanent« und »Link« zusammen.

Platzhalter Bedeutung

l (kleines L) Ausgeschriebener Tag der Woche

j Tag des Monats ohne führende Nullen

F Monat als ganzes Wort

m Monat als Zahll, mit führenden Nullen

M Monatsname mit drei Buchstaben (Jan bis Dez)

n Monatszahl ohne führende Nullen (z. B. 1 für Januar)

Y Jahreszahl, vierstellig, z. B. 2009

y Jahreszahl, zweistellig, z. B. 09

Page 10: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

36 Kapitel 3: Ein Blog aufbauen

Permanent sind diese Links deshalb, weil der Artikel unter seinemPermalink dauerhaft erreichbar ist, zumindest rechnet jeder damit,der diesen Artikel verlinkt oder mit einem Lesezeichen abspeichert.Genau aus dem Grund sollten Sie sich vor dem ersten PostingGedanken über die gewünschte Permalinkstruktur machen unddiese später nach Möglichkeit nicht mehr ändern.

Wenn Sie mit einer frischen WordPress-Installation ohne weitereAnpassungen arbeiten, sehen Links erst einmal so aus:

http://example.com/?p=123.

Hand aufs Herz, können Sie sich das merken? Wahrscheinlich nicht.Und, was noch viel wichtiger ist: Diese Adresse hat viel schlechtereChancen, in Suchmaschinen aufgelistet zu werden, weil Suchma-schinen aussagekräftige URLs lieben, in denen bereits die wichtigs-ten Schlüsselwörter vorkommen. Diese aussagekräftigen URLs wer-den auch als sprechende URLs bezeichnet.

Und genau aus diesem Grund werden wir diese Einstellung jetztauch ändern, und zwar im Dashboard unter Einstellungen ➝ Per-malinks (siehe Abbildung 3-2).

Abbildung 3-2Einstellungen für Permalinks

Page 11: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Allgemeine Einstellungen 37

Frisch nach der Installation ist die Option Standard aktiviert. Dienächsten zwei Optionen Tag und Name und Monat und Nameschlagen eine Linkstruktur vor, in der zuerst das Datum steht unddanach der Titel des Blogartikels. Diese beiden Optionen habenden Vorteil, dass Suchmaschinen die Seiten-URL direkt indizierenkönnen, was zu besserer Positionierung in den Suchergebnissenführt.

Die vierte Option Numerisch ähnelt wieder der ersten und ist nichtsonderlich suchmaschinenfreundlich. Als Letztes haben Sie nochdie Möglichkeit, eine benutzerdefinierte Struktur einzustellen,wenn Ihnen die von WordPress angebotenen Standardoptionennicht zusagen. So könnten Sie beispielsweise dafür sorgen, dassIhre Seiten mit der Endung .html ausgeworfen werden:

/%year%/%monthnum%/%day%/%postname%.html

In diesem Fall wurde einfach am Ende statt des Schrägstrichs (/)ein .html angehängt.

Eine beliebte Variation ist auch, die Kategorie zuerst zu nennen unddann den Titel des Blogartikels:

/%category%/%postname%/

Natürlich können Sie auch die Datumsinformationen weglassen,sodass die Syntax für die URL so aussieht: http://example.com/titel-des-postings/.

Welche Tags Sie für Permalinks einsetzen können, sehen Sie inTabelle 3-2. Das sieht sehr aufgeräumt aus, hat aber einen Nachteil:Eine solche Schreibweise, die auf die von WordPress als Standard-konfiguration vorgeschlagenen vorangestellten Datumsinformatio-nen (http://example.com/YYYY/MM/DD/titel-des-postings) verzichtet,kann die Performance Ihrer WordPress-Installation nachteilig beein-flussen. Die Anzeigevariante mit Datum hat nämlich den Vorteil,dass der Datenbankzugriff beschleunigt wird, weil zunächst nurnumerische Datenbankfelder durchsucht werden. Würde nur derArtikeltitel angegeben, müssten sämtliche Datenbankeinträge mitArtikeltiteln nach dem in der URL verwendeten Text-String durch-sucht werden, was die Datenbank stärker belastet und den Seiten-aufruf verlangsamt. Das wirkt sich um so stärker aus, je mehrEinträge in der Datenbank stehen. Die datumsbasierten Permalinkshaben außerdem noch den Vorteil, dass man schon der URL dasDatum des Blogartikels entnehmen kann.

Page 12: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

38 Kapitel 3: Ein Blog aufbauen

Wählen Sie daher für dieses Beispiel die aus Sicht der Datenbank-performance beste Variante Tag und Name: http://www.example.com/wp/2009/05/26/sample-post/

Tipp Es gibt einen kleinen Trick, um auch ohne mod_rewrite (das beimanchen Webhostern nicht freigegeben ist) suchmaschinen-freundliche und leichter verständliche URLs zu generieren. Dasgelingt, indem man den eigentlichen umgeschriebenen Per-malinks ein index.php voranstellt. Das sind die sogenannten»PATHINFO-Permalinks«. Siehe dazu auch dazu den WordPress-Codex unter http://codex.wordpress.org/Using_Permalinks.

Links sehen dann so aus:

http://example.com/index.php/titel-des-postings/

Hier sehen Sie die Syntax in der WordPress-Konfiguration (Ein-stellungen ➝ Permalinks ➝ Benutzerdefinierte Struktur):

index.php/%year%/%monthnum%/%day%/%postname%/

Das hat zwar den kleinen Schönheitsfehler, dass Sie das index.php überall mitschleifen müssen – die Suchmaschinen störensich aber nicht daran. Und Ihnen wird das kleine index.php inder Mitte schon bald nicht mehr auffallen.

Die .htaccess-Datei

Bei manchen Providern ist der Server so kon-figuriert, dass die Server-Konfigurationsdatei.htaccess, in der unter anderem Informationenzur Permalinkstruktur enthalten sind, nicht vonWordPress beschreibbar ist. In diesem Fallerhalten Sie im Dashboard die Meldung »Dusolltest jetzt deine .htaccess aktualisieren« undam Ende des Bildschirms Permalinks (Einstellun-gen ➝ Permalinks) den Code, den Sie in dieseTextdatei einfügen müssen.

Sollte in Ihrem WordPress-Hauptverzeichnisnoch keine .htaccess-Datei liegen, erstellen Siemit einem Texteditor eine neue Textdatei,kopieren den Code hinein, und speichern Siedie Datei unter dem Namen htaccess.txt ab.Laden Sie diese Datei dann mithilfe Ihres FTP-Programms auf den Webserver in das Word-Press-Hauptverzeichnis, und benennen Sie sieauf dem Server in .htaccess um.

Dieses Vorgehen ist nötig, weil Windows denUnix-Dateinamen .htaccess nicht akzeptiert unddie Datei daher über einen Umweg auf denServer gebracht werden muss. Mehr über die.htaccess- Datei erfahren Sie in Kapitel 9, Pflegeund Sicherheit.

Damit die .htaccess vom Server aus beschreib-bar ist, müssen Sie die Dateirechte ändern aufchmod 666. Auch hierbei hilft Ihnen Ihr FTP-Pro-gramm (siehe dazu den Kasten »Mit FTP-Cli-ents wie FileZilla arbeiten« in Kapitel 1 sowieden Kasten »Dateirechte auf dem Webserver«in Kapitel 9.) Wenn Sie sich die Arbeit, denCode zu kopieren, ersparen wollen, erstellenSie eine leere .htaccess, ändern die Dateirechteauf chmod 666 und ändern danach erst die Per-malinkkonfiguration. Dann schreibt WordPressdie nötigen Daten für Sie in die .htaccess-Datei.

Page 13: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Allgemeine Einstellungen 39

Tabelle 3-2Tags für Permalinks

VerschiedenesAuch im Bereich Verschiedenes, den Sie in Abbildung 3-4 sehen,sollten Sie unbedingt Anpassungen vornehmen, bevor Sie auch nurdie erste Datei hochladen. Als Erstes geben Sie hier ein, in welchemOrdner Uploads gespeichert werden sollen, also alle Dateien, dieSie über das Dashboard hochladen, beispielsweise Bilder oderVideos. Als Standard sollte hier wp-content/uploads stehen. WennSie bei Organisiere meine Uploads in monats- und jahresbasiertenOrdnern ein Häkchen machen, werden die Uploads in entsprechen-den Unterordnern abgespeichert, was die Übersichtlichkeit erhöht.

Warnung Es kann je nach Rechten auf dem Server vorkommen, dass hiernach der Installation nur wp-content steht, weil WordPresskeine ausreichenden Rechte vorgefunden hat, um das Ver-zeichnis wp-content/uploads anzulegen. Dummerweise setztWordPress diesen Ordner aber voraus und sucht nach ihm,auch wenn hier in den Einstellungen nur wp-content steht. Daswirkt sich dann so aus, dass Sie zwar Bilder hochladen können(die dann in wp-content landen), diese aber anschließend nichtsehen (weil WordPress sie in wp-content/uploads sucht).

Die Einstellung Verfolge die Aktualisierungen der Links wird gewählt,wenn WordPress Updates von Links an zentrale Dienste wie z. B.http://pingomatic.com/ melden soll.

Damit sind die wichtigsten Einstellungen gemacht, und Sie könnensich den Inhalten widmen.

Tag Bedeutung

%year% Jahr

%monthnum% Monat, z. B. 05 für Mai

%day% Tag, z. B. 28

%hour% Stunde, z. B. 15

%minute% Minute, z. B. 43

%second% Sekunde, z. B. 33

%postname% Für URL bereinigter (also ohne Sonderzeichen) Name des Blog-Artikels, der sich aus dem Titel ergibt

%post_id% Die eindeutige ID des Blog-Artikels, z. B. 423

%category% Für URL bereinigter Kategoriename, Unterkategorien werden als Unterver-zeichnisse in der URL dargestellt. Aus Performancegründen wird im Word-Press-Codex davon abgeraten, die Kategorie an den Anfang zu stellen.

%tag% Für URL bereinigter Tag, ebenfalls aus Performancegründen nicht angeraten

%author% Für URL bereinigte Version des Autorennamens

Page 14: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

40 Kapitel 3: Ein Blog aufbauen

Tipp Ping-O-Matic ist ein Dienst, mit dessen Hilfe Sie verschiedeneSuchmaschinen auf einen Schlag über Aktualisierungen inIhrem Blog informieren können. Dazu müssen Sie auf der Web-site http://pingomatic.com nur Namen und URL Ihres Blogs ein-geben und die gewünschten Suchmaschinen ankreuzen.

Abbildung 3-4Das Upload-Verzeichnis definieren

Der erste ArtikelWenn Sie Ihr Blog ansehen (klicken Sie dazu einfach auf denNamen Ihres Blogs ganz links oben im Dashboard), werden Siefeststellen, dass schon ein Artikel da ist (siehe Abbildung 3-5). Die-ser Artikel mit dem Titel »Hallo Welt!« ist der Standardeintrag, derin jeder frischen WordPress-Installation mit dabei ist. Auch dererste Kommentar wird gleich mitgeliefert. Sie können diesen Arti-kel entweder bearbeiten oder ihn löschen und einen eigenen, neuenerstellen.

Lassen Sie den Artikel erst einmal stehen und werfen Sie im Dash-board einen Blick auf den rechten Bildschirmbereich. Da sehen Sieeinen Container mit dem Titel Quick Press, mit Eingabefeldern fürTitel, Inhalt und Tags. Geben Sie hier einen ersten Testeintrag ein,so wie es in Abbildung 3-6 gezeigt ist. Der Titel des Postings istgleichzeitig die Basis für die URL, wenn Sie die Permalinks entspre-chend definiert haben.

Page 15: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Der erste Artikel 41

Abbildung 3-5Der mitgelieferte Standardeintrag

Als Text bietet sich dabei ein Begrüßungstext an, der den Lesernerklärt, worum es in dem Blog geht. Sie können den Text späternatürlich auch noch ändern.

Über dem Eingabefenster für den Inhalt sehen Sie vier kleine Sym-bole, mit deren Hilfe Sie Bilder, Videos, Sounds oder andereDateien hochladen und einbinden können. Für den ersten schnel-len Artikel geben wir uns aber mit etwas Text zufrieden. Übrigenskönnen Sie in diesem kleinen Fenster auch HTML-Formatierungeneingeben wie z. B. <b>Fettdruck</b>.

Page 16: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

42 Kapitel 3: Ein Blog aufbauen

Abbildung 3-6Eingabe von Text mit HTML-Formatierung in QuickPress

Im Feld Tags können Sie Schlagwörter eingeben, durch Kommatavoneinander getrennt. Diese Schlagwörter helfen später dabei, Arti-kel zu bündeln und zu durchsuchen. Mit Tags können Sie aucheine alternative Navigation aufbauen. Wenn Sie alles eingegebenhaben, klicken Sie auf den Button Publizieren. Um sich jetzt gleichden neuen Artikel im Blog anzusehen, klicken Sie auf Ansehen(siehe Abbildung 3-7).

Abbildung 3-7Der erste publizierten Artikel

Wie Sie sehen, wurde die HTML-Formatierung korrekt umgesetzt.Es geht aber weitaus komfortabler, und zwar mit dem eigentlichenEditor, den Sie im Dashboard in der linken Menüleiste über Artikel➝ Erstellen aufrufen. Im Detail wird der Editor in Kapitel 4, Texteeingeben und gestalten, vorgestellt.

Page 17: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Kategorien für Artikel anlegen 43

Kategorien für Artikel anlegenÜber die Kategorisierung von Artikeln haben wir uns bisher nochkeine Gedanken gemacht. Wir haben den Artikel ja über QuickEditangelegt, und wenn keine Kategorie angegeben wurde, wird derArtikel in der Standardkategorie Allgemein abgelegt.

Natürlich muss man sich jetzt auch noch nicht auf Kategorien fest-legen, und sie sind in der Regel auch eine ewige Baustelle, weil siesich zusammen mit dem Blog organisch entwickeln. Kategoriensind aber ein wesentlicher Bestandteil von Blogs, weil sie die Zuord-nung von Artikeln erleichtern und auch als Navigationsinstrumentgenutzt werden können.

Mit jedem Artikel, den Sie neu anlegen, können Sie bei Bedarf aucheine neue Kategorie einrichten. Es schadet aber aus Gründen derSystematik nicht, sich im Vorfeld Gedanken über Kategorien zumachen und schon mal ein paar einzurichten. Ob man die Katego-rien nach formalen Kriterien benennt (z. B. Videos, Fotos, Software)oder thematisch (z. B: Witze, Know-how, Netzpolitik, Digitalfoto-grafie, WordPress) ist individuell verschieden und letztlich Ge-schmackssache.

Wenn Sie einen Roman per Blog veröffentlichen, könnten Sie bei-spielsweise die einzelnen Kapitel als Kategorien nehmen und danninnerhalb der Kategorien mit einzelnen Blog-Postings den Romanonline stellen. Denkbar wäre auch eine virtuelle Bibliothek, in derdie Kategorien für einzelne Autoren stehen.

Für unser Beispielblog sollen zunächst folgende Kategorien ausrei-chen:

• Webdesign (für Webdesignthemen einschließlich Grafik undLayout)

• Security (für Themen rund um Server- und Netzsicherheit)

• Programmierung (für PHP, JavaScript etc.)

• Buchtipps (für Buchbesprechungen)

• News (für interessante Nachrichten aus verschiedenen Berei-chen, kann auch in Kombination mit anderen Kategorien ein-gesetzt werden)

Um neue Kategorien anzulegen, klicken Sie im Dashboard auf Arti-kel ➝ Kategorien (siehe Abbildung 3-8). Sie sehen nun rechts dievorhandenen Kategorien (bisher nur eine) und haben in der Mittedie Möglichkeit, neue Kategorien einzugeben.

Page 18: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

44 Kapitel 3: Ein Blog aufbauen

Abbildung 3-8Eine neue Kategorie anlegen

Unter Kategoriename geben Sie den Namen ein, wie er später im Blogangezeigt wird, also für die erste Kategorie Webdesign. Im nächstenFeld, Titelform der Kategorie, können Sie eine abweichende Bezeich-nung angeben, falls der Kategoriename sich schlecht als URL eignet(beispielsweise weil er sehr lang ist). Wenn Sie hier nichts eingeben,wird der Eintrag unter Kategoriename verwendet und in Kleinbuch-staben umgewandelt.

Außerdem können Sie bei Bedarf eine Oberkategorie auswählen. Bis-her steht hier nur Allgemein zur Auswahl, weil noch keine andereKategorie vorhanden ist. Das hat den Vorteil, dass Sie innerhalb von

Page 19: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Kategorien für Artikel anlegen 45

Kategorien auch verschachteln können, in Webdesign beispielsweisedifferenzieren nach HTML, Grafik, Layout, Barrierefreiheit o. Ä.Wir beschränken uns hier auf eine Kategorieebene, ausbauen kön-nen wir später immer noch.

Darüber hinaus können Sie noch eine Beschreibung vergeben – dasist vor allem dann sinnvoll, wenn ein Redaktionsteam das Blogbearbeitet und zusätzliche Informationen zur Kategorie braucht.Diese Beschreibung wird in der Kategorieübersicht mit angezeigt.

Mit einem Klick auf den Button Kategorie hinzufügen unter demBeschreibungsfeld speichern Sie die neue Kategorie (siehe Abbil-dung 3-9).

Abbildung 3-9Fertige Kategorieliste mit Beschreibungen

Page 20: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

46 Kapitel 3: Ein Blog aufbauen

Tipp Mit der Funktion Kategorie-in-Tag-Converter, die unter derKategorieliste verlinkt ist, können Sie Kategorien in Tagsumwandeln. Beachten Sie aber, dass eventuell vorhandeneUnterkategorien danach verwaisen und die umgewandeltenKategorien danach als Kategorien nicht mehr vorhanden sind.Mir hat sich noch nicht erschlossen, wofür die Funktion nützlichsein könnte, aber vielleicht fällt Ihnen ein Anwendungsgrundein – und auf alle Fälle wissen Sie jetzt, dass Sie die Funktionnicht ausführen sollten, wenn Sie Ihre Zuordnungen von Beiträ-gen zu Kategorien behalten wollen.

Außerdem können Sie Tags genau wie Kategorien unabhängigvon einem Artikel bearbeiten. Klicken Sie dazu im Dashboardauf Artikel ➝ Tags.

Die Blogroll füllenNachdem die Kategorien für die Artikel vergeben sind, können wiruns der Blogroll zuwenden. Die erreichen Sie mit einem Klick aufden Menüpunkt Links im Dashboard (siehe Abbildung 3-10). DieBlogroll ist eine Linkliste, üblicherweise in der Seitenleiste angeord-net, in der Sie auf Blogs verlinken, die Sie Ihren Lesern empfehlenund/oder die Sie selbst regelmäßig besuchen.

Abbildung 3-10Der Dialog »Links bearbeiten«

Früher, als es noch keine RSS-Feeds gab (die werden in Kapitel 5,Kommentare und Trackbacks, vorgestellt), war die Blogroll noch vielwichtiger, weil sie auch für den Blogbetreiber selbst als Lesezeichen

Page 21: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Die Blogroll füllen 47

diente. Heute dient sie eher der Verlinkung von Blogs untereinanderund hat da eine wichtige Bedeutung, denn Blogs, die von vielenanderen Blogs aus verlinkt werden, bekommen mehr Leser undhaben auch in Suchmaschinen eine höhere Relevanz. Diese Rele-vanz ist um so höher, je »wertvoller« die Blogs sind, von denen ausIhr Blog verlinkt wird. Das sollte allerdings nicht so weit führen,dass Sie Betreiber gut gehender Blogs um Backlinks (Rückverlin-kungen) anbetteln. Besser ist, Sie überzeugen durch interessante,originelle Inhalte, dann werden Sie schon bald auf anderen Blog-rolls erscheinen.

Damit es in der Linkliste nicht so leer aussieht, werden im Ausliefe-rungszustand schon einige nützliche Links zum Thema WordPressmitgeliefert. Wir lassen diese Links erst einmal stehen. Später kön-nen wir sie ergänzen oder durch eigene ersetzen.

Um einen neuen Link hinzuzufügen, klicken Sie auf Links ➝ Hinzu-fügen. Der folgende Dialog ist selbsterklärend. Auch hier können SieKategorien einrichten. Bisher existiert eine, nämlich Blogroll, derneue Links auch zugeordnet werden, wenn nichts anderes angegebenist.

Unter Links ➝ Kategorien können Sie die Linkkategorien verwal-ten. Das funktioniert genau wie bei den Kategorien für Artikel, nurdass Sie Linkkategorien nicht verschachteln können. Wenn Sieüber die einzelnen Linkkategorienamen fahren, sehen Sie die LinksBearbeiten und QuickEdit, mit denen Sie die Kategorie bearbeitenkönnen.

Weil wir unsere eigenen Links in die Blogroll packen und die Word-Press-Links lieber in eine Kategorie WordPress auslagern wollen,legen wir nun eine Kategorie WordPress an (siehe Abbildung 3-11).

Um nun die WordPress-Links der neuen Kategorie zuzuordnen,müssen Sie über Links ➝ Bearbeiten jeden einzelnen editieren,(Abbildung 3-12). Sobald Sie mit der Maus über den Linknamenfahren, sehen Sie die Links Bearbeiten und Löschen. Klicken Sie aufBearbeiten.

Ändern Sie die Kategorie von Blogroll in WordPress, indem Sie dasHäkchen durch Mausklick bei Blogroll herausnehmen und beiWordPress einsetzen. Klicken Sie dann auf den Button Link aktuali-sieren.

Page 22: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

48 Kapitel 3: Ein Blog aufbauen

Abbildung 3-11 Eine Kategorie für Links anlegen

Abbildung 3-12 Einen Link bearbeiten

Page 23: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Die Blogroll füllen 49

Tipp Schneller geht es, wenn Sie die Kategorie Blogroll in WordPressmithilfe der Bearbeiten-Funktion umbenennen (siehe Abbil-dung 3-13) und danach eine neue Kategorie Blogroll anlegen.

Abbildung 3-13Eine Linkkategorie bearbeiten mit QuickEdit

Um jetzt den ersten eigenen Link anzulegen, klicken Sie auf Links➝ Hinzufügen (siehe Abbildung 3-14).

Im Beispiel legen wir einen Link zum Blog zu diesem Buch an, der inder Blogroll erscheinen soll. Als Linkziel (Target)wählen wir _noneaus, was bedeutet, dass der Link im Browserfenster des Blogs gela-den wird und kein neues Fenster geöffnet wird.

Die Linkbeziehungen (XFN) lasse ich bewusst unberücksichtigt,weil sie nur Sinn ergeben, wenn jemand das XHML Friends Net-work (siehe http://de.wikipedia.org/wiki/XHTML_Friends_Network)nutzt, mit dessen Hilfe Links sich kategorisieren lassen, z. B. nachFreunden, Kollegen usw. Mir ist das ein bisschen zu viel Mittei-lungsfreude – es muss nicht jeder gleich wissen, in welcher Bezie-hung ich zum Autor eines verlinkten Blogs stehe.

Tipp Für das Linkziel lässt sich keine allgemeingültige Empfehlunggeben. Es gibt User, die es furchtbar finden, wenn für jedenLink ein neues Fenster geöffnet wird, andere verlassen sich aufdiesen »Service«. Das Öffnen von Links in einem neuen Fensterist vor allem für Sie als Blogbetreiber insofern günstig, als IhrBlog dann im Hintergrund geöffnet bleibt und die Besucherdeshalb eher darin weiterlesen, nachdem sie die verlinkte Seitebesucht haben. Clevere Besucher öffnen aber sowieso jedenLink über die rechte Maustaste in einem neuen Fenster undfühlen sich eher bevormundet, wenn der Link eigenmächtigein neues Fenster öffnet.

Page 24: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

50 Kapitel 3: Ein Blog aufbauen

Page 25: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Seiten anlegen und bearbeiten 51

Abbildung 3-14Eine eigenen Link hinzufügen

Schließlich sehen Sie noch einen Container Erweitert, in dem Siebeispielsweise ein Bild (also die URL des Bildes) angeben können,das anstelle des Linktextes angezeigt werden soll.

Wenn Sie jetzt das Blog im Browser aufrufen (klicken Sie dazu ein-fach auf den Blogtitel ganz oben im Dashboard), sehen Sie die neuenLinks in der Seitenleiste (siehe Abbildung 3-15).

Abbildung 3-15Das Blog mit eigenen Links

Was Sie außerdem sehen, ist eine Überschrift Seiten, unter denensich der Link Eine Seite verbirgt. Dabei handelt es sich um eines derKillerfeatures von WordPress, das im Folgenden näher erklärt wird.

Seiten anlegen und bearbeitenIn jedem Blog gibt es Seiten, die außerhalb der chronologischenOrdnung von Blogbeiträgen immer verfügbar sein sollen. Klassi-sche Beispiele dafür sind das Impressum, aber auch eine Über mich-Seite, in dem erklärt wird, worum es in dem Blog geht und/oder wo

Page 26: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

52 Kapitel 3: Ein Blog aufbauen

sich der Autor vorstellt. Gleichzeitig lässt sich diese Funktion aberauch sehr gut nutzen, um um das Blog eine statische Website her-umzubauen, die am Ende gar nicht mehr als Blog erkennbar seinmuss. Das Blog tritt dann nur noch in Form einer News-Seite inErscheinung – wenn überhaupt. Mehr über die CMS-Funktionen,die WordPress anbietet, können Sie in Kapitel 8, Das Blog zur Web-site ausbauen, nachlesen.

Um eine Seite anzulegen oder zu bearbeiten, klicken Sie links imDashboard-Menü auf Seiten. Dann klappt das Untermenü mit denOptionen Bearbeiten und Erstellen auf, und Sie sehen außerdem imrechten Dashboard-Bereich eine Übersicht der bereits bestehendenSeiten (siehe Abbildung 3-16).

Abbildung 3-16Übersicht über die bestehenden

Seiten im Dashboard

In einer frischen WordPress-Installation existiert bereits eine Seitemit dem Titel Eine Seite. Diese Seite dient als Platzhalter, um zu ver-deutlichen, wo eine statische Seite erscheint und wie sie aussieht.Wenn Sie nun auf Bearbeiten klicken, können Sie den vorgegebenenBeispieltext ändern, z. B. in einen kurzen erklärenden Text zu IhremWebangebot (siehe Abbildung 3-17).

Außerdem ändern Sie hier den Titel der Seite von Eine Seite in Übermich. Beachten Sie, dass bei Bedarf auch die Permalink-Strukturgeändert wird. Über den Link Bearbeiten kann die vorgegebeneAdresse der Seite geändert werden.

Wenn Ihnen hier jetzt noch kein passender Text einfällt – kein Pro-blem, die Seite können Sie ja jederzeit weiterbearbeiten. Ohnehinempfiehlt es sich, auf einem Liveserver erst einmal noch keine

Page 27: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Seiten anlegen und bearbeiten 53

Inhalte einzupflegen, solange die Struktur und das Design der Seitenoch nicht stehen. Je mehr Inhalte drinstehen, desto höher ist näm-lich die Wahrscheinlichkeit, dass Sie bereits Besucher über Such-maschinen erhalten – und die sollten besser kein Baustellenangebotsehen.

Abbildung 3-17Der Editierbildschirm für Seiten

Page 28: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

54 Kapitel 3: Ein Blog aufbauen

Tipp Solange Sie »unter der Motorhaube schrauben« und das Blogim Hauptverzeichnis Ihrer Domain installiert ist (also das Ersteist, was ein Besucher beim Aufruf der Domain sieht), empfiehltes sich, in das Hauptverzeichnis Ihres Internetauftritts eine ein-fache HTML-Seite mit dem Namen index.html oder index.htm zulegen, in der ein Hinweis darauf steht, dass die Seite noch inArbeit ist. Diese Seite können Sie völlig frei gestalten – Unter-nehmen können hier z. B. eine Kontaktadresse hinterlegen oderdie Seite wie eine einfache Webvisitenkarte aufbauen. AlsUnternehmen fahren Sie rechtlich auf alle Fälle besser, wennSie schon auf der Baustellenseite eine Kontaktadresse angeben,sobald auf der Domain Inhalte zu finden sind, die einegeschäftsmäßige Tätigkeit nahelegen.

Als Nächstes benötigen Sie ein Impressum für Ihr Blog. Das wirdsogar vom Gesetzgeber verlangt, wenn Sie eine kommerzielle Seitebetreiben – und für die Einstufung als kommerzielle Seite reicht esschon aus, wenn Sie auf Ihrer Seite Bannerwerbung schalten oderan einem Affiliate-Programm (z. B. mit Amazon-Links) teilnehmen.Erstellen Sie eine neue Seite, indem Sie links im Dashboard auf Sei-ten ➝ Erstellen klicken. Vergeben Sie dann als Titel Impressum. AlsNächstes können Sie im Textfeld den Impressumstext eingeben(siehe Abbildung 3-18).

Dieser Text könnte zum Beispiel so lauten:

Angaben nach Par. 6 Teledienstegesetz (TDG)

Verantwortlich für den Inhalt dieser Website: Max Muster

Webdesign: Max Muster

Adresse:Musterstraße 112345 Musterstadt

Telefon 0123 1 23 45 67

Um Kontakt per E-Mail aufzunehmen, senden Sie bitte eine Nachricht an den Empfänger maxmuster bei der Domain example.com.

Umsatzsteuer-Identifikationsnummergemäß § 27 a Umsatzsteuergesetz: DE000000000

Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

Page 29: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Seiten anlegen und bearbeiten 55

Abbildung 3-18 Den Text für das Impressum eingeben

Tipp Welche Informationen in einem Impressum stehen müssen, da-mit es rechtssicher ist, erfahren Sie auf vielen Seiten im Internet,z. B. unter http://www.linksandlaw.info/hinweisezuranbieterkenn-zeichnung.htm. Auf http://www.e-recht24.de/impressum-genera-tor.html können Sie sich mit einem Generator komfortabel einImpressum erstellen.

Bitte beachten Sie, dass diese Angaben keine Rechtsberatungersetzen. Wenn Sie auf Nummer sicher gehen wollen, fragenSie bitte einen Rechtsanwalt danach, welche Angaben zwin-gend in Ihr Impressum gehören.

Page 30: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

56 Kapitel 3: Ein Blog aufbauen

Zum Impressum wollen wir weder Kommentare noch Trackbacks,deshalb nehmen wir die entsprechenden Häkchen raus. Mit einemKlick auf Speichern speichern Sie den aktuellen Stand. Erst wennSie auf Publizieren klicken, ist die Seite auch im Frontend des Blogssichtbar (siehe Abbildung 3-19).

Abbildung 3-19Das Impressum im Blog

Die Sidebar mit Widgets aufpeppenBisher haben wir das Aussehen der Sidebar, also der Seitenleisteneben dem Artikelbereich, in der sich unter anderem die Kategorienund Links befinden, als gegeben hingenommen. Jetzt wollen wiruns ansehen, welche Möglichkeiten wir haben, die Sidebar in demDefault-Theme Kubrick, das wir momentan einsetzen, bequemanzupassen. Dabei helfen wir uns Widgets, kleine Bausteine, ausdenen wir unsere persönliche Sidebar zusammenbauen. Die Wid-gets haben Sie bereits in Kapitel 2, Das Dashboard kennenlernen,kennengelernt. Wenn Sie im Dashboard auf Design ➝ Widgets kli-cken, gelangen Sie in den Widgets-Konfigurationsbildschirm (sieheAbbildung 3-20).

Abbildung 3-20Der Widgets-Konfigurations-

bildschirm

Page 31: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Die Sidebar mit Widgets aufpeppen 57

Page 32: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

58 Kapitel 3: Ein Blog aufbauen

Links sehen Sie alle zur Verfügung stehenden Widgets und rechtsdie Sidebar als kleinen Container – wenn zwei Sidebars aktiviertsind (was bei manchen Themes möglich ist), sehen Sie zwei Side-bar-Container. Ganz unten am Ende der Widget-Liste sehen Sieaußerdem noch einen Container Inaktive Widgets, in den Sie Wid-gets ziehen können, sie Sie zwar momentan nicht brauchen, aberbereits konfiguriert haben. In diesem Container behalten die Wid-gets ihre Einstellungen.

Um ein Widget in Ihre Sidebar aufzunehmen, ziehen Sie es einfachper Drag-and-Drop von der Widgetliste in den Sidebar-Containerund lassen es dort los (siehe Abbildung 3-21). Daraufhin öffnet sichdas Widget und Sie können es anpassen, indem Sie zum Beispieleinen individuellen Titel für den Informationsblock eingeben. ImBeispiel entscheiden wir uns für das Widget Archiv (siehe Abbil-dung 3-22).

Abbildung 3-22Ein Archiv-Widget anpassen

Wenn Sie hier keinen eigenen Titel eingeben, wird der Standardtitel(hier: »Archiv«) angezeigt. Je nach Widget haben Sie unterschiedli-che Optionen zur Verfügung. Beim Archiv ist es die Möglichkeit,einen Artikelzähler anzuzeigen (dann erscheint die Anzahl der Arti-

Abbildung 3-21Ein Widget auf die Sidebar ziehen

Page 33: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Die Sidebar mit Widgets aufpeppen 59

kel in Klammern hinter dem jeweiligen Monat) und das Archiv alsDrop-down-Menü anzuzeigen (empfehlenswert bei sehr langenArchivlisten). Wie jeden anderen Container können Sie das Widgetmit einem Klick auf den kleinen grauen Pfeil auf- und zuklappen.

Wir entscheiden uns hier für die Überschrift »Artikelarchiv« undein Drop-down-Menü. Klicken Sie nun auf Speichern und laden Siedas Blog neu (siehe Abbildung 3-23).

Abbildung 3-23Das Blog mit aktiviertem Widget

Was ist passiert? Wo sind die ganzen anderen Links hin? Solangekein Widget aktiv ist, werden die Elemente angezeigt, die in der Sei-tenleiste im Template »fest verdrahtet« sind. Das sieht bei jedemTheme anders aus, im Default-Theme Kubrick sind das Seiten,Archive, Kategorien, Linklisten und Metainformationen (Link zumDashboard etc.).

In dem Moment, wo Sie das erste Widget auf die Sidebar ziehen, wer-den diese Standardelemente ausgeblendet und Sie müssen die Ele-mente, die Sie dort sehen wollen, als Widgets wieder in die Sidebar

Page 34: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

60 Kapitel 3: Ein Blog aufbauen

ziehen. Bei den Links können Sie via Drop-down-Feld einstellen, obnur Links einer bestimmten Kategorie oder alle Links angezeigt wer-den sollen. Wenn alle angezeigt werden sollen, werden sie nach Link-kategorien gegliedert angezeigt.

Abbildung 3-24Die Sidebar-Widgetliste mit geöff-

netem Texteingabe-Widget

Sehr praktisch ist auch das Text-Widget, das Ihnen ermöglicht,benutzerdefinierten Text oder HTML-Code einzugeben (siehe Abbil-dung 3-24). Im Beispiel nutzen wir das, um eine sogenannte flickr-Badge einzugeben, die im Blog eine Minigalerie mit drei flickr-Zufallsbildern anzeigt. Der Beispielcode aus meinem eigenen flickr-Konto ist dieser:

<!-- Start of Flickr Badge --><style type="text/css">#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}#flickr_icon_td {padding:0 5px 0 0 !important;}.flickr_badge_image {text-align:center !important;}.flickr_badge_image img {border: 1px solid black !important;}#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}#flickr_badge_wrapper {background-color:#E7F1F1;}#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}</style><table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper"><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=random&size=s&layout=v&source=user_set&user=13705311%40N00&set=965109&context=in%2Fset-965109%2F"></script></table></td></tr></table><!-- End of Flickr Badge -->

Beenden Sie die Texteingabe mit einem Klick auf den Button Spei-chern. Ziehen Sie dann noch ein weiteres Widget in die Sidebar, indas Sie den Titel »Herzlich willkommen« und den Text »Hier gehtes um Webdesign und fast nichts anderes« eingeben.

Page 35: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Die Sidebar mit Widgets aufpeppen 61

Tipp Widgets verschleißen nicht. Auch wenn Sie schon ein Text-Widget in der Sidebar stehen haben, können Sie weitere vonlinks nach rechts ziehen, und es ist durchaus möglich, mehreregleichartige Widgets in der Sidebar anzuzeigen – auch wennsie identische Informationen enthalten, wie der Kalender.

Page 36: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

62 Kapitel 3: Ein Blog aufbauen

Innerhalb der Sidebar können Sie die Reihenfolge der Widgets durchDrag-and-Drop verändern. Die Widgets werden in genau der Rei-henfolge angezeigt, in der sie im Dashboard im Sidebar-Containeraufgelistet sind. Sehen Sie sich dann das Blog noch einmal an (sieheAbbildung 3-25).

Abbildung 3-25Blog mit Widgets-Sidebar

Page 37: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

Das Standard-Theme anpassen 63

Welche Elemente Sie in der Sidebar haben wollen, ist natürlichGeschmackssache und auch abhängig vom Einsatzzweck des Blogs.Was auf keinen Fall fehlen sollte, sind die Seiten (wenn vorhanden),die Kategorien und das Artikelarchiv. Sonst ist eine Navigationinnerhalb des Blogs nicht möglich. Auch die Tagwolke ist sehrbeliebt, und die Anzeige der letzten Kommentare, die Sie inKapitel 5, Kommentare und Trackbacks, kennenlernen werden.

Das Standard-Theme anpassenNoch eine Kleinigkeit zum Schluss: Auch das Default-Theme Kub-rick können Sie einiges anpassen, ohne sich in die Tiefen der Theme-Bearbeitung vorzuwagen, die Sie in Kapitel 7, Blog-Gestaltung mitThemes, kennenlernen werden.

Klicken Sie dazu im Dashboard auf Design ➝ Personalisierter Hea-der (siehe Abbildung 3-26). Dieser Menüpunkt steht nur zur Verfü-gung, wenn das Default-Theme aktiv ist. Je nach Theme könntenSie hier auch andere Menüpunkte vorfinden.

In diesem Menü haben Sie die Möglichkeit, die Schriftfarbe und dieFarben für den Hintergrund zu ändern. Mit einem Klick auf Erwei-tert stehen Ihnen weitere Optionen zur Verfügung, unter anderemdie Möglichkeit, Hex-Zahlenwerte einzugeben, wie sie im Webde-sign verwendet werden.

Abbildung 3-26Den Header bearbeiten im Standard-Theme

Page 38: Praxiswissen Wordpress

Dies ist ein A

uszug aus dem B

uch "Praxisw

issen WordP

ress", ISB

N 978-3-89721-915-1

http://ww

w.oreilly.de/catalog/pw

wordpressger/

Dieser A

uszug unterliegt dem U

rheberrecht. © O

’Reilly V

erlag 2009

64 Kapitel 3: Ein Blog aufbauen

Damit steht das Grundgerüst, und weil es nun mit Inhalten gefülltwerden soll, befassen wir uns im nächsten Kapitel etwas ausführli-cher mit dem Editor und dem Einbinden von Bildern und Videos.