3.*wordpress*installi

Transcrição

3.*wordpress*installi
!
EINFÜHRUNG*
2!
1.*WAS*IST*WORDPRESS*
3!
2.*EINE*EIGENE*DOMAIN*FÜR*IHRE*WEBSITE*REGISTRIEREN*
3!
2.1.*WEB*HOSTER*
2.1.1!WO!FINDE!ICH!EINEN!PASSENDEN!WEB!HOSTER?!
2.2.*DOMAINREGISTRIERUNG*
4!
4!
4!
3.*WORDPRESS*INSTALLIEREN*UND*EINRICHTEN*
5!
3.1*DOWNLOAD*
3.2*HOCHLADEN*DER*DATEIEN*AUF*DEN*WEBSPACE*
3.2.1!WIE!FUNKTIONIERT!DAS!HOCHLADEN!VON!DATEIEN!MIT!FILEZILLA?!
3.3*EINRICHTEN*DER*DATENBANK*
3.4.*WORDPRESS*INSTALLIEREN*
3.4.1!!5<MINUTEN<INSTALLATION!
5!
6!
6!
7!
8!
8!
4.*WORDPRESS*EINRICHTEN*
10!
4.1*PERMALINKS*ANPASSEN*
4.2*ALLGEMEINE*EINSTELLUNGEN*
4.3*STARTSEITE*FESTLEGEN*
10!
11!
12!
5.*DASHBOARD*–*DAS*ARMATURENBRETT*FÜR*IHRE*WORDPRESSBWEBSITE*
13!
5.1*WAS*IST*DAS*DASHBOARD*UND*WAS*KANN*MAN*VON*HIER*AUS*ALLES*MACHEN?*
5.2*ÜBERSICHT*ÜBER*DAS*DASHBOARD*
5.2.1!AUF!EINEN!BLICK!
5.2.2!QUICKPRESS!
5.2.3!LETZTE!KOMMENTARE!
5.2.4!AKTUELLE!ENTWÜRFE!
5.2.5!EINGEHENDE!LINKS!
13!
14!
14!
15!
15!
16!
16!
6.*EIN*GEEIGNETE*THEME*FÜR*IHRE*WEBSITE*FINDEN*
17!
6.1*THEMES*FINDEN*
6.2*THEMES*INSTALLIEREN*
6.3*MEINE*THEMEBEMPFEHLUNGEN*
6.3.1!WEAVER!
6.3.2!SUFFUSION!
6.3.3!TWENTY!ELEVEN!
18!
20!
20!
20!
21!
21!
7.*ABSCHLUSS*
21!
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
Einführung*
Ich freue mich, Sie heute zum Start meines Online-Workshops „Smart ins Web – Professionelle
Websites mit WordPress selbst erstellen“ begrüßen zu dürfen.
In den nächsten vier Wochen werden wir gemeinsam an Ihrer neuen Website arbeiten. Sie können
dafür entweder auf dem von mir zur Verfügung gestellten Testserver arbeiten (die Zugangsdaten
haben Sie mit der Begrüßungs-E-Mail erhalten) oder aber auch direkt in Ihrer eigenen Domain
arbeiten.
Ich werde Ihnen in den Übungen kein festes Layout vorgeben, dass Sie „nachbauen“ sollen. Mir ist
wichtig, dass Sie SICH in der Website, die Sie im Rahmen dieses Kurses erstellen, wiederfinden.
In den ersten beiden Wochen des Kurses gehe ich ganz konkret auf die Funktionsweise von
WordPress ein. Ich erläutere Ihnen die wichtigsten Funktionsweisen und was Sie darüber wissen
sollten.
In den beiden letzten Wochen geht es dann mehr um das „Drumherum“: Sicherheit,
Suchmaschinenoptimierung und Analysewerkzeuge. Wenn Sie tiefer eintauchen möchten, erkläre
ich Ihnen in der letzten Woche auch die wichtigsten Grundlagen von HTML und CSS – den beiden
Programmiersprachen, mit denen Sie die Gestaltung Ihrer Website ganz individuell steuern können.
Aber keine Sorge: Sie müssen Ihre Website nicht in den ersten zwei Wochen erstellt haben. Sie
werden den gesamten Kurs über daran arbeiten und können mir jederzeit Ihre ganz konkreten
Fragen dazu stellen – Unabhängig davon, wie weit wir im Kurs fortgeschritten sind.
Am Ende dieses Kurses werden Sie das nötige Handwerkszeug haben, um künftig alleine Ihre
Website in WordPress erstellen und pflegen zu können. Sie werden wissen, was eine „hübsche“ von
einer „guten“ Website unterscheidet und wie Sie Ihre Website so optimieren können, dass Sie auch
für Suchmaschinen interessant wird.
Nutzen Sie während des Kurses die Möglichkeiten, die das Forum Ihnen bietet. Hier können Sie
sich mit den anderen Teilnehmern austauschen und ganz direktes Feedback für Ihre Entwürfe
erhalten.
Das Forum ist auch Ihre erste Anlaufstelle für Fragen. Ich werde mindestens einmal täglich im
Forum lesen und Ihre Fragen beantworten.
Wenn Sie es noch individueller möchten, können Sie auch jetzt noch meine persönliche „24Stunden-Hotline“ buchen. Im Rahmen der „24-Stunden-Hotline“ können Sie mich auch per E-Mail
oder telefonisch kontaktieren und erhalten dann umgehend (maximal nach 24 Stunden) eine
persönliche Rückmeldung von mir.
Eine ganz wichtige Bitte habe ich noch an Sie: Wenn Sie mit irgend etwas unzufrieden sind, wenn
Ihnen etwas fehlt, es zu schnell geht oder sonst etwas nicht passt, sprechen Sie mich bitte darauf
an!
Mir ist wichtig, dass Sie im Rahmen dieses Kurses das bestmögliche Ergebnis erzielen, und dazu
gehört auch, dass Sie mir Ihre Kritik offen kommunizieren können, wenn es dazu Anlass gibt. Nur
so kann ich reagieren und nachbessern.
Genug des Vorgeplänkels, fangen wir an !
Ich freue mich auf vier intensive Wochen mit Ihnen gemeinsam.
Viele Grüße
Michaela Steidl
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
1.*Was*ist*WordPress*
WordPress ist ein sogenanntes „Content Management System“, kurz CMS.
Das bedeutet, dass in diesem System die Bearbeitung der Inhalte (also im Wesentlichen
Texte und Bilder) streng getrennt ist von der Programmierung des Website-Layouts.
Unter Layout versteht man dabei die Struktur der Seite (also Kopfbereich („Header“),
Inhaltsbereich („Content“), Seitenleisten („Sidebar“) und Fußbereich („Footer“). Die
Gestaltung und Ausrichtung dieser Bereiche ist quasi die „Tapete“ Ihrer Website.
Sie können Ihrer Website jederzeit eine neue „Tapete“ verpassen, ohne, dass Sie dafür
den Text noch einmal neu verfassen müssen. Der bleibt bestehen und fügt sich in die
neue Umgebung ein.
Umgekehrt können Sie jederzeit neue Texte erfassen, ohne sich dabei um das Layout
kümmern zu müssen.
In WordPress ist das Erfassen von neuen Texten so einfach wie das Schreiben eines
Briefes in Microsoft Word. Im Editor stehen fast alle aus Word bekannten
Formatierungsmöglichkeiten zur Verfügung, so dass Sie sich um den HTML-Code, der den
Text formatiert, nicht kümmern müssen. Das macht WordPress für Sie !
WordPress ist ursprünglich als reine Blogger-Software entwickelt worden. Es ist eine
sogenannte „Open-Source-Software“, d.h. sie ist frei verfügbar und jeder kann damit
arbeiten und die Software auch weiter entwickeln. So entstand im Laufe der Zeit auch die
Möglichkeit, sogenannte „statische Seiten“ mit WordPress zu erstellen. („Statische
Seiten“ bleiben mehr oder weniger unverändert, im Gegensatz zu „dynamischen Seiten“
mit ständig wechselndem Inhalt, wie das bei einem Blog der Fall ist). Das war die
Geburtsstunde von WordPress als CMS.
Zwischenzeitlich wurden über 70 Mio. Websites weltweit mit WordPress erstellt, darunter
so bekannte Namen wie Honda, Ford, New York Times oder das Wall Street Journal
(Quelle: http://www.medani.at/news/wordpress-statistiken/)
Im Gegensatz zu anderen bekannten Content Management Systemen wie zum Beispiel
Drupal oder Typo3 ist die Handhabung von WordPress einfach zu erlernen, so dass man
schnell professionelle Ergebnisse erzielen kann.
Die WordPress-Community ist zwischenzeitlich eine große Gemeinde, so dass sich für
nahezu jedes Problem jemand findet, der helfen kann. Erste Anlaufstelle ist dafür in
Deutschland das offizielle WordPress Forum: http://forum.wpde.org
2.*Eine*eigene*Domain*für*Ihre*Website*registrieren*
*
Bevor Sie loslegen können, benötigen Sie eine eigene Adresse für Ihre Website, die
„Domain“ (z.B. www.example.de), und Speicherplatz („Webspace“) für die Inhalte Ihrer
Website.
Ihm Rahmen dieses Kurses können Sie dafür die Domain nutzen, die ich Ihnen mit der
Begrüßungsmail gesendet habe. Aber spätestens wenn Sie nach dem Kurs eigene
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
Gehversuche unternehmen möchten, brauchen Sie eine eigene Domain. Und wie Sie da
rankommen, das erkläre ich Ihnen in diesem Kapitel.
Sollten Sie bereits eine eigene Domain registriert haben können Sie die nächsten Kapitel
gern überspringen und bei „3. Download “ weiter lesen.
2.1.*Web*Hoster*
!
Unter Web Hoster versteht man jemanden, der gegen Bezahlung die Daten von
Webseiten auf seinen Servern unterbringt. Das kann ein Unternehmen, aber auch eine
Privatperson sein. Ich persönlich rate dringend dazu, seine geschäftliche Website nur
einem renommierten Hoster anzuvertrauen.
Sie als Kunde nutzen dabei die Ressourcen dieses Anbieters, also zum Beispiel dessen
Webserver und die Netzwerkanbindung.
Um die aktuellste Version von WordPress nutzen zu können, sollte Ihr Web Hoster PHP
in Version 5.2.4 (oder besser) und MySQL in Version 5.0 (oder besser) zur Verfügung
stellen. Ob das so ist, klärt eine Nachfrage beim Anbieter ganz schnell.
Nun ist dies ein WordPress-Kurs für Einsteiger. Wenn Sie sich bisher noch nie mit der
Materie beschäftigt haben, klingt der vorangehende Satz vermutlich reichlich
unverständlich in Ihren Ohren.
Daher hier ein paar kurze Erläuterungen:
PHP ist eine Skriptsprache, die zur Erstellung von Webseiten und Webanwendungen
verwendet wird. Etwa 75% aller Webseiten nutzen PHP als Programmiersprache. Damit
ist PHP die am häufigsten zur Erstellung von Webseiten verwendete Programmiersprache.
MySQL ist ein Datenbankverwaltungssystem. Der Name ist eine Kombination aus „My“,
dem Vornamen der Tochter des Mitbegründers der Oracle Corporation, Michael Widenius,
und „SQL“, was für „Structured Query Language (Strukturierte Abfragesprache)“ steht.
2.1.1*Wo*finde*ich*einen*passenden*Web*Hoster?*
Fragt man Google nach „Web Hoster“, erhält man eine recht große Auswahl an möglichen
Anbietern.
Für meine Kunden habe ich mit vielen verschiedenen Unternehmen gearbeitet. Mein
absoluter Favorit ist aber Domainfactory (http://www.df.eu/). Das Preis/Leistungsverhältnis ist für mich absolut angemessen und der Support ist einfach
unschlagbar schnell und hilfsbereit.
Empfehlenswert sind auch Anbieter wie all-inkl.com (http://all-inkl.com) oder 1&1
(http://www.1und1.de/).
2.2.*Domainregistrierung*
Die Registrierung einer Domain ist ganz einfach: Der Domain-Check (Überprüfung, ob die
gewünschte Website noch verfügbar ist) und die Domainregistrierung gehören zum
Service aller mir bekannten Web Hoster.
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
Sie geben einfach im entsprechenden Feld auf der Website Ihres ausgewählten Web
Hosters Ihre Wunschdomain an (z.B. www.ihrname.de) und erhalten dann umgehend die
Information, ob diese Domain noch frei ist. Bei Domainfactory finden Sie das Feld
„Domaincheck“
direkt auf der
Startseite.
Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen, ob andere DomainEndungen (.eu, .com, .net etc.) noch frei verfügbar sind.
Haben Sie Ihre Wunschdomain gefunden, können Sie diese auf Ihren Namen registrieren.
Dazu tragen Sie lediglich die vom Web Hoster angefragten Informationen in das
entsprechende Registrierungsformular ein.
Nach abgeschlossener Registrierung erhalten Sie dann alle erforderlichen Zugangsdaten
von Ihrem Web Hoster zur Verfügung gestellt. Bitte notieren Sie sich diese sorgfältig, Sie
werden diese auf jeden Fall später noch benötigen.
3.*WordPress*installieren*und*einrichten*
3.1*Download*
Nach erfolgreicher Registrierung der Domain können Sie nun unter http://wpde.org die
WordPress-Installationsdatei herunterladen.
Dafür klicken Sie einfach auf den Button „Download WordPress“ und wählen Sie auf der
folgenden Seite die „WordPress DE-Edition“. Noch ein Klick, und die zip-Datei wird
automatisch auf Ihren Rechner herunter geladen. Entpacken Sie die ZIP-Datei und
merken Sie sich bitte, wo Sie den Ordner abspeichern.
Zu diesem Arbeitsschritt finden Sie unter http://mitglieder.smart-insweb.de/mai2012 auch eine Videoanleitung.
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
3.2*Hochladen*der*Dateien*auf*den*Webspace*
Um die WordPress-Dateien auf Ihren Webspace hochzuladen benötigen
Sie ein FTP-Programm. Ich empfehle hierfür „Filezilla“.
„Filezilla“ ist ein Open-Source-Programm, dass Sie kostenfrei auf der
folgenden Website herunterladen können:
http://www.filezilla.de
Wenn Sie Filezilla installiert haben, öffnen Sie das Programm und melden sich an.
Die hierfür erforderlichen Anmeldedaten haben Sie von Ihrem Web Hoster bzw. zu
Kursbeginn von mir in der Begrüßungsmail erhalten.
Sollten Sie bei der Anmeldung Schwierigkeiten haben, kontaktieren Sie bitte den Support
Ihres Web Hosters.
Nun werden die WordPress-Dateien in das Rootverzeichnis Ihrer Domain geladen.
Das Rootverzeichnis ist das Stammverzeichnis Ihrer Domain. Eigentlich bezeichnet der
Begriff „Rootverzeichnis“ den allerersten Ordner, also den, der keine übergeordneten
Ordner mehr hat.
Manchmal sind Webseiten aber auch auf einen bestimmten Ordner in der Struktur
geleitet. Bei Domainfactory ist das z.B. immer ein Unterordner von /webseiten/.
Beispiel: Die Domain „smart-ins-web.de“ wird auf den Ordner /webseiten/smart-ins-web/
geleitet.
Damit ist der Ordner ‚smart-ins-web’ das Rootverzeichnis für die Domain wwww.smartins-web.de
Wenn Sie die Dateien hochladen, achten Sie darauf, dass Sie nur den Inhalt des Ordners
„wordpress“ in das Rootverzeichnis kopieren, nicht den Ordner selbst. Sonst kann Ihre
Domain später nur über z.B. www.ihrname.de/wordpress aufgerufen werden.
3.2.1*Wie*funktioniert*das*Hochladen*von*Dateien*mit*Filezilla?*
Dafür wählen Sie in Filezilla durch anklicken auf der rechten Seite („Server“) das
Rootverzeichnis für Ihre Domain (siehe oben) aus.
Auf der linken Seite („Lokal“) wählen Sie den Speicherort der entpackten WordPressDateien aus Kapitel 3.1
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!
!
Nun sehen Sie in der linken unteren Bildschirmhälfte alle Dateien, die sich im Ordner
„wordpress“ befinden. Bitte markieren Sie alle Dateien, wählen Sie mit der rechten
Maustaste das Kontextmenü aus und klicken Sie auf „Hochladen“.
Das Hochladen kann eine ganze Weile dauern. Bitte nicht ungeduldig werden.
Zu diesem Arbeitsschritt finden Sie unter http://mitglieder.smart-insweb.de/mai2012 auch eine Videoanleitung.
Bitte!beachten!Sie!mein!Urheberrecht.!Keine!Veröffentlichung!–!auch!nicht!in!Auszügen!<!oder!Weitergabe!an!Dritte!
ohne!mein!Einverständnis.!!
!
©alle!Rechte!vorbehalten:!BüroSmart,!Michaela!Steidl,!Römerstraße!12,!61200!Wölfersheim!
Telefon:!+49!(0)!6036!–!74!69!228!/!Mobil:!+49!(0)!160!–!98!44!26!91!/!E<Mail:[email protected]!