7
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 2 1. WAS IST WORDPRESS 3 2. EINE EIGENE DOMAIN FÜR IHRE WEBSITE REGISTRIEREN 3 2.1. WEB HOSTER 4 2.1.1 WO FINDE ICH EINEN PASSENDEN WEB HOSTER? 4 2.2. DOMAINREGISTRIERUNG 4 3. WORDPRESS INSTALLIEREN UND EINRICHTEN 5 3.1 DOWNLOAD 5 3.2 HOCHLADEN DER DATEIEN AUF DEN WEBSPACE 6 3.2.1 WIE FUNKTIONIERT DAS HOCHLADEN VON DATEIEN MIT FILEZILLA? 6 3.3 EINRICHTEN DER DATENBANK 7 3.4. WORDPRESS INSTALLIEREN 8 3.4.1 5<MINUTEN<INSTALLATION 8 4. WORDPRESS EINRICHTEN 10 4.1 PERMALINKS ANPASSEN 10 4.2 ALLGEMEINE EINSTELLUNGEN 11 4.3 STARTSEITE FESTLEGEN 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? 13 5.2 ÜBERSICHT ÜBER DAS DASHBOARD 14 5.2.1 AUF EINEN BLICK 14 5.2.2 QUICKPRESS 15 5.2.3 LETZTE KOMMENTARE 15 5.2.4 AKTUELLE ENTWÜRFE 16 5.2.5 EINGEHENDE LINKS 16 6. EIN GEEIGNETE THEME FÜR IHRE WEBSITE FINDEN 17 6.1 THEMES FINDEN 18 6.2 THEMES INSTALLIEREN 20 6.3 MEINE THEMEBEMPFEHLUNGEN 20 6.3.1 WEAVER 20 6.3.2 SUFFUSION 21 6.3.3 TWENTY ELEVEN 21 7. ABSCHLUSS 21

EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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* 2!

1.*WAS*IST*WORDPRESS* 3!

2.*EINE*EIGENE*DOMAIN*FÜR*IHRE*WEBSITE*REGISTRIEREN* 3!

2.1.*WEB*HOSTER* 4!2.1.1!WO!FINDE!ICH!EINEN!PASSENDEN!WEB!HOSTER?! 4!2.2.*DOMAINREGISTRIERUNG* 4!

3.*WORDPRESS*INSTALLIEREN*UND*EINRICHTEN* 5!

3.1*DOWNLOAD* 5!3.2*HOCHLADEN*DER*DATEIEN*AUF*DEN*WEBSPACE* 6!3.2.1!WIE!FUNKTIONIERT!DAS!HOCHLADEN!VON!DATEIEN!MIT!FILEZILLA?! 6!3.3*EINRICHTEN*DER*DATENBANK* 7!3.4.*WORDPRESS*INSTALLIEREN* 8!3.4.1!!5<MINUTEN<INSTALLATION! 8!

4.*WORDPRESS*EINRICHTEN* 10!

4.1*PERMALINKS*ANPASSEN* 10!4.2*ALLGEMEINE*EINSTELLUNGEN* 11!4.3*STARTSEITE*FESTLEGEN* 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?* 13!5.2*ÜBERSICHT*ÜBER*DAS*DASHBOARD* 14!5.2.1!AUF!EINEN!BLICK! 14!5.2.2!QUICKPRESS! 15!5.2.3!LETZTE!KOMMENTARE! 15!5.2.4!AKTUELLE!ENTWÜRFE! 16!5.2.5!EINGEHENDE!LINKS! 16!

6.*EIN*GEEIGNETE*THEME*FÜR*IHRE*WEBSITE*FINDEN* 17!

6.1*THEMES*FINDEN* 18!6.2*THEMES*INSTALLIEREN* 20!6.3*MEINE*THEMEBEMPFEHLUNGEN* 20!6.3.1!WEAVER! 20!6.3.2!SUFFUSION! 21!6.3.3!TWENTY!ELEVEN! 21!

7.*ABSCHLUSS* 21!

Page 2: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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 „24-Stunden-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

Page 3: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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

Page 4: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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.

Page 5: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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 Domain-Endungen (.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-ins-web.de/mai2012 auch eine Videoanleitung.

Page 6: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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.smart-ins-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 WordPress-Dateien aus Kapitel 3.1

Page 7: EINFÜHRUNG* 2 1.*WAS*IST*WORDPRESS* 3 2.*EINE*EIGENE ... · „Domaincheck“ direkt auf der Startseite. Sollte die „.de“-Adresse bereits belegt sein, lohnt es sich zu prüfen,

!

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-ins-web.de/mai2012 auch eine Videoanleitung.