Der Word Press Guide Ein Tutorial für den Umgang mit Word Press. 30.07.2012 Ausbildung-Elektrotechnik.de Andreas



Ähnliche Dokumente
Drupal 8 manuell installieren

WordPress lokal mit Xaamp installieren

Anleitung für Autoren auf sv-bofsheim.de

Fotostammtisch-Schaumburg

Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. ist einer davon.

FTP-Server einrichten mit automatischem Datenupload für

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Erstellen eines Wordpress-Blogs

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

kostenlose Homepage erstellen

Wie richten Sie Ihr Web Paket bei Netpage24 ein

Anleitungen zum Publizieren Ihrer Homepage

WordPress installieren und erste Einblicke ins Dashboard

1. Loggen Sie sich mit Ihrem Benutzernamen in den Hosting-Manager (Confixx) auf Ihrer entsprechenden AREA ein. Automatische Wordpress Installation

Anleitung zum Hochladen von Bilddateien in die Bilderverwaltung des CVJM Mössingen

Adminer: Installationsanleitung

WordPress. Dokumentation

WordPress installieren mit Webhosting

Fülle das erste Bild "Erforderliche Information für das Google-Konto" vollständig aus und auch das nachfolgende Bild.

2. Die eigenen Benutzerdaten aus orgamax müssen bekannt sein

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Leitfaden zur ersten Nutzung der R FOM Portable-Version für Windows (Version 1.0)

Tutorial -

Unperfekthaus-Tutorial: Wordpress

Institut für Existenzgründungen und Unternehmensführung Wilfried Tönnis, M.A. Installationshandbuch

Schritt 1 - Registrierung und Anmeldung

NOXON Connect Bedienungsanleitung Manual

Erzherzog Johann Jahr 2009

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin :

Autoresponder Unlimited 2.0

Da ist meine Anleitung drin!

Erste Schritte mit WordPress Anleitung WordPress Version 2.8.X

Anleitung über den Umgang mit Schildern

Der Kalender im ipad

Installation von Wordpress

Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline)

Contao für Redakteure

Ihr CMS für die eigene Facebook Page - 1

Kleines Handbuch zur Fotogalerie der Pixel AG

Family Safety (Kinderschutz) einrichten unter Windows 7

Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage

Anleitungen für User der Seite TSV AustriAlpin Fulpmes. So erstellen Sie einen Bericht (Beitrag) auf der TSV-AustriAlpin Fulpmes Homepage.

Meldung Lokale Anwendung inkompatibel oder Microsoft Silverlight ist nicht aktuell bei Anmeldung an lokal gespeicherter RWE SmartHome Anwendung

Um etwas zu bearbeiten, fährt man einfach mit der Maus auf das betreffende Objekt.

Sicherer Datenaustausch zwischen der MPC-Group und anderen Firmen. Möglichkeiten zum Datenaustausch... 2

Anmeldung als Affiliate bei Affilinet

Anleitung zum Online-Monitoring für Installateure

Kurzanleitung. Kirschfestverein Naumburg e.v. t e c h n ische Abt e i lung. für Benutzer des CMS der Domain:

Anleitung BFV-Widget-Generator

Über die Internetseite Hier werden unter Download/aktuelle Versionen die verschiedenen Module als zip-dateien bereitgestellt.

gofeminin Blog in einen kostenlosen WordPress Blog umziehen So funktioniert es ganz einfach! Los geht s!

Er musste so eingerichtet werden, dass das D-Laufwerk auf das E-Laufwerk gespiegelt

Einfügen von Bildern innerhalb eines Beitrages

Wie richte ich den DNS unter Plesk ein?

Die YouTube-Anmeldung

1. Einloggen 2. Auswahl der Seite 3. Bearbeitung der Seite

TeamSpeak3 Einrichten

Live Update (Auto Update)

M-net -Adressen einrichten - Apple iphone

1. Wordpress downloaden

Einrichtung des Cisco VPN Clients (IPSEC) in Windows7

Eigene Seiten erstellen

Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook ( ) Zentrum für Datenverarbeitung der Universität Tübingen

DOKUMENTATION VOGELZUCHT 2015 PLUS

Anleitung zur Konfiguration eines NO-IP DynDNS-Accounts mit der TOOLBOXflex-3.2

Anleitung zum Login. über die Mediteam- Homepage und zur Pflege von Praxisnachrichten

Einleitung: Frontend Backend

Content Management System (CMS) Manual

Tutorial: Wie nutze ich den Mobile BusinessManager?

Pixelart-W ebdesign.de

PayPal PLUS für Shopware

Toolbeschreibung: EVERNOTE

Wordpress: Blogbeiträge richtig löschen, archivieren und weiterleiten

Nach der Anmeldung im Backend Bereich landen Sie im Kontrollzentrum, welches so aussieht:

Internationales Altkatholisches Laienforum

KVIrc installieren (win) i. KVIrc installieren (win)

Neue Schriftarten installieren

Installationsanleitung CLX.PayMaker Home

ÖKB Steiermark Schulungsunterlagen

Fakultät für Elektro- und Informationstechnik - Aktuelle Meldungen -

Datenaustausch mit dem BVK Data Room

Anleitung zur Installation von Thunderbird

Benutzeranleitung Superadmin Tool

StudyDeal Accounts auf

Installation des edu- sharing Plug- Ins für Moodle

WordPress installieren

Apartment App. Web Style Guide

Um über FTP Dateien auf Ihren Public Space Server - Zugang laden zu können benötigen Sie folgende Angaben:

Diese Anleitung wurde erstellt von Niclas Lüchau und Daniel Scherer. Erste Anmeldung. Schritt 1: Anmeldung..2. Schritt 2: Passwort setzen 3

INSTALLATION VON INSTANTRAILS 1.7

Installationsanleitung WordPress auf greenwebhosting

Einbinden von iframes in eine Facebook Fan Page

Anleitung Lernobjekt-Depot (LOD)

Hilfedatei der Oden$-Börse Stand Juni 2014

Anleitung. Lesezugriff auf die App CHARLY Termine unter Android Stand:

Datenaustausch mit dem BVK Data Room

Anleitung Datenfernsicherung SecureSafe

! " # $ " % & Nicki Wruck worldwidewruck

Transkript:

Der Word Press Guide Ein Tutorial für den Umgang mit Word Press 30.07.2012 Ausbildung-Elektrotechnik.de Andreas

Inhalt 1. Einleitung... 3 1.1 Die Installation (Möglichkeit 1)... 3 1.1.1 Der Download des Paketes... 3 1.1.2 Was wird gebraucht um WordPress zu betreiben?... 5 1.1.3 Vorbereitung vor der Installation... 5 1.1.4 Upload der Installationsdateien... 6 1.1.5 Anlegen des Administrators... 8 1.1.6 Das Dashboard... 12 1.2 Die Installation (Möglichkeit 2)... 13 2. Der Aufbau einer Seite... 14 2.1 Der Header (Kopf)... 15 2.2 Das Navigationsmenü... 15 2.3 Der Post (Artikel)... 16 2.4 Ein Kommentar... 16 2.5 Die Sidebar... 18 2.6 Der Footer (Die Fußzeile)... 18 3. Arbeiten mit Word Press... 19 3.1 Eine Design (Themes) installieren... 19 3.1.1 Design konfigurieren (ECO)... 22 3.2 Eine Seite/Unterseite erstellen... 24 3.3 Widgets/Plugins... 27 3.3.1 Verwalten, Einstellen und einbinden... 27 3.3.2 Plugins installieren und einstellen... 30 4. Mit der eigenen Homepage Geld verdienen... 31 4.1 Google AdSense... 31 5. Schlusswort... 33 6. Information... 34 6.1 Rechtlicher Hinweis:... 34 6.2 Kontakt:... 34 6.3 Versionsübersicht:... 34 2

1. Einleitung Dies ist ein Guide (Anleitung) zur Nutzung von Word Press. Hier wird Ihnen ausführlich und Schritt für Schritt erklärt, wie Sie Ihre Website mit Word Press aufbauen und gestalten. Diese Anleitung ist sowohl für Beginner wie auch für Fortgeschrittene User zu verstehen. Was genau ist eigentlich Word Press? In wenigen Worten erklärt ist es ein einfaches Tool, welches das Grundgerüst zu einem Internetblog bietet. Word Press kann durch viele Themes (Designvorlagen) und Plugins (Erweiterungen) individuell gestaltet werden. Dazu aber im Laufe des Guides mehr. Nun beginnen wir mit dem ersten Schritt, die Installation des Paketes. Downloade die aktuellste Version dieses Guides hier. 1.1 Die Installation (Möglichkeit 1) Um eine Website zu erstellen wird als aller erst ein Hoster (Bereitsteller) benötigt. Die Wahl des Hoster ist jeden für sich überlassen. Der Guide setzt voraus, das der Nutzer bereits über einen Webserver verfügt. 1.1.1 Der Download des Paketes Word Press kann auf der Homepage gedownloadet werden. Solltest du das Installationspaket noch nicht heruntergeladen haben, kannst du dies durch das Klicken auf das Logo unten tun. Hier ist immer die aktuellste deutsche Version von Word Press hinterlegt. Gehe auf der Homepage auf die Schaltfläche Download Word Press Vers. XXX. Dann startet der Download der Zip Datei. Diese ist ca. 5 Megabyte groß. 3

Die Dateien, welche in dem Archive hinterlegt sind, bilden die Grundausstattung für Word Press. In dem Archiv sollten folgende Daten enthalten sein. 4

1.1.2 Was wird gebraucht um WordPress zu betreiben? Um WordPress zu installieren, brauchst du im Wesentlichen nur drei Dinge: PHP 5.2.4 oder höher MySQL 5.0 oder höher Das Apache Modul mod_rewrite Siehe http://wpde.org/voraussetzungen/ Wie du herausfindest, welche PHP Version bei deinem Anbieter eingericht ist, erfährst du hier. Wähle dann Datei Speichern bzw. kann die Zip-Datei auch gleich in einen belieben Ordner entpackt werden. 1.1.3 Vorbereitung vor der Installation Bevor Word Press auf den Server installiert habt müsst Ihr kurze Einstellungen an der Datei wp-config-sample.php vornehmen, welche Ihr in dem entpackten Verzeichnis findet. Öffnet dazu die Datei mit dem Editor: Nun könnt Ihr die Daten, wie MySQL-Zugangsdaten, Tabellenpräfix, Secret-Keys, Sprache und ABSPATH einfügen. Dieser Vorgang wird in der Datei gut beschrieben muss hier nicht noch extra erwähnt werden. Hierzu noch ein Hilfelink. 5

1.1.4 Upload der Installationsdateien Als nächsten Schritt muss der Inhalt auf deinen Webserver geladen werden. Wir haben dazu eine Subdomain (Unterseite) tutorial.ausbildung-elektrotechnik.de erstellt. Diese Seite ist stets Online und kann jederzeit besichtig werden. Dort findet Ihr auch die aktuellste Version dieses Guides. Zum Upload (Hochladen) der Dateien empfehlen wir FileZilla, dieser ist Simple zu nutzen und im Internet kostenlos erhältlich. Natürlich bleibt die Wahl euch überlassen, welches Programm oder Addon Ihr dafür nutzt. Hier könnt Ihr die aktuellste Version herunterladen. Wenn Ihr das Programm heruntergeladen und Installiert habt, startet Ihr dieses. Nun müsst Ihr euch auf euren Webserver anmelden, dazu habt Ihr eure persönlichen Zugangsdaten erhalten bzw. selbst festgelegt. Server: Hier müsst Ihr eure URL eintragen, aber ohne www oder http:// Benutzername: Hier tragt Ihr euren Nutzernamen an (mit Adminrechte/Rootrechte) Passwort: Hier müsst Ihr euer festgelegtes Passwort eingeben Sind alle Daten eingegeben, Port wird nicht benötigt, dann klickt Ihr auf verbinden. Nun wird die Verbindung zu euren Hostserver angezeigt und Ihr seht links euer Verzeichnis auf dem Server. 6

Hier wählt Ihr das Verzeichnis aus, auf welches zugegriffen wird, wenn Ihr eure Domain im Webbrowser aufruft. Bei uns ist es in diesen Fall das Verzeichnis app425064514. Nun Öffnet das Verzeichnis, wo Ihr die Dateien von Word Press entpackt habt und Zieht (Drag & Drop) diese in das gewünschte Verzeichnis. Das Programm startet dann automatisch den Upload. Wichtiger Hinweis: Hier darf kein Unterverzeichnis erstellt werden. Diese Daten müssen so wie abgebildet gleich in das erste Verzeichnis kopiert werden. Zugriff erfolgt dann so: http://tutorial.ausbildung-elektrotechnik.de/wp-login.php 7

1.1.5 Anlegen des Administrators Habt ihr nun alle Daten installiert müsst Ihr euren Admin-Zugang erstellen. Dies funktioniert wie folgt. Ihr ruft eure Seite auf und fügt nach dem.de/wp-admin/install.php hinzu. Beispiel: http://tutorial.ausbildung-elektrotechnik.de/wp-admin/install.php Hinweis: Diesen link nicht benutzen!!! Dieser dient nur zur Veranschaulichung. Es sollte dann bei euch folgendes Fenster bzw. Meldung erscheinen. Durch das Klicken auf die Schaltfläche Erstelle die Konfigurationsdatei wirst du zum Setup weitergeleitet. Um mit dem Setup der wpconfig.php zu beginnen, drücke auf den Button Los gehts!. 8

Nun könnt Ihr eure MySQL Datenbank einrichten. Hier wird vorausgesetzt, das Ihr bei eurem Webhoster eine MySQL Datenbank erstellt habt. Dort findet Ihr auch die Angaben, welche hier eingegeben werden müssen. Wichtig! WordPress erstellt hier keine Datenbank sondern logt sich in eine Bereits erstellte ein. Ihr müsst diese bei euren Webhoster erstellen bzw. erstellen lassen. Habt Ihr alle Daten eingegeben könnt Ihr mit Senden bestätigen. Nun nur noch auf Installation ausführen klicken und Ihr könnt eure Seite erstellen. 9

Jetzt könnt Ihr eure Daten wie Titel, Benutzername, Passwort und Emailadresse ergänzen und auf WordPress installieren klicken. WordPress wird dann auf euren Server installiert. Die Installation dauert ein paar Augenblicke. Während der Installation die Seite nicht manuell Aktualisieren (F5). Ihr werdet dann, nach erfolgreicher Installation, zu diesem Fenster weitergeleitet. 10

Das Installationsskript wird dich am Ende auf eine Anmeldeseite schicken. Hier meldest du dich mit dem Benutzernamen admin und dem Passwort an, das du eben notieren solltest. Du kannst es in der Rubrik Profile sofort wieder ändern und durch ein neues Passwort ersetzen Hat alles geklappt müsste folgendes Fenster beim Aufruf eurer Domain erscheinen. http://tutorial.ausbildung-elektrotechnik.de/wp-login.php Hier meldet Ihr euch mit euren eingetragenen Nutzerdaten an. 11

1.1.6 Das Dashboard Habt Ihr euch erfolgreich angemeldet müsst Ihr unter eurem Profil euer Passwort ändern. Habt Ihr das erledigt ist die Installation abgeschlossen und es kann mit der Konfiguration begonnen werden, dazu aber weiter unten mehr. Es kann sein das folgende Meldungen auftaucht. Einfach auf die Schaltfläche klicken, die Datenbank aktualisiert sich dann selbst. Dann werdet Ihr zum Dashboard weitergeleitet. 12

1.2 Die Installation (Möglichkeit 2) Word Press kann auch noch als Click & Build Anwendung installiert werden. Das bieten viele Webhoster an. Dazu einfach im Kundenkonto des Hoster einloggen und nach der Schaltfläche Click & Build suchen. 1und1 bietet dies zum Beispiel an. Hier einfach Word Press auswählen, auf installieren Klicken und die Nutzerdaten eingeben. Der Webhoster installiert dann die Anwendung mit den eingegeben Daten. Nach erfolgreicher Installation kann Word Press unter eurer Domain aufgerufen werden. Dies ist der einfachste Weg Word Press auf eurer Seite zu installieren. Link: http://tutorial.ausbildung-elektrotechnik.de/wp-login.php Ihr müsst unseren URL mit euren austauschen. 13

2. Der Aufbau einer Seite Eure Website wird aktuell mit Standard Elementen angezeigt. Diese wird wie folgt aussehen. Ich erkläre euch als erstes, wie diese Seite aufgebaut ist und wie die einzelnen Ebenen bezeichnet werden. 14

2.1 Der Header (Kopf) Als Header wird der Kopf der Seite bezeichnet. Hier findet man den Titel bzw. den Namen der erstellten Homepage. Dieser kann im Dashboard unter Einstellungen jederzeit geändert werden. Ebenfalls wird hier, ganz rechts, eine Kurzbeschreibung deiner Seite eingeblendet, welche ebenfalls unter den Einstellungen editiert werden kann. Das Bild unter dem Text nennt man einen Banner. Dies sollte ein Bild sein, welches das Logo bzw. den Inhalt der Seite wiederspiegelet. Dieser muss bei diesem Theme (Design) eine bestimmte Auflösung besitzen, dies wird aber im Uploadmanager angezeigt. 2.2 Das Navigationsmenü Das Navigationsmenü enthält alle erstellten Seiten. Home ist hier als Startseite verlinkt und führt automatisch auf die erste Seite. Im Dashboard können die Seiten erstellt und bearbeitet werden. Es gibt die Möglichkeit Hauptseiten und Unterseiten zu erstellen. Die Hauptseiten (ohne Unterordnung) werden im Navigationsmenü auf der Seite angezeigt. Wird eine Seite als Unterseite erstellt, muss eine Übergeordnete Seite als Parent (Elternteil) ausgewählt werden. Hier zum Beispiel bei der Sample Page. Die erstellte Seite erscheint dann als Dropdown unter der Hauptseite. Wie eine solche Seite erstellt wird, wird weiter unten genauer erklärt. 15

2.3 Der Post (Artikel) Ein Post ist ein auf der Seite veröffentlichter Artikel. In diesem Fall der typische Hello world! Post. Hier wird angezeigt, wann und von wem dieser dieser Artikel erstellt und publiziert (Veröffentlicht) wurde. Ein Post kann in verschieden Kategorien unterteilt werden, hier ist die Kategorie Uncategorized gewählt. Wie Ihr eine Kategorie erstellt und verwaltet zeige ich euch im Verlauf des Guides. Es gibt auch die Möglichkeit einen Kommentar auf jeden Artikel abzugeben. 2.4 Ein Kommentar Da es sich um einen Blog handelt können natürlich alle veröffentlichten Artikel kommentiert werden. Sind die Standarteinstellungen beibehalten kann dies jeder, auch nicht registrierte Benutzer, mit der Angabe einer gültigen Emailadressse und einen Namen machen. Dieser muss aber dann vom Administrator freigeschalten werden, um Spam und andere unangebrachte Inhalte zu vermeiden. So sieht dann ein genehmigter Kommentar aus. Hier wird der Name des Nutzers angezeigt. Hat dieser eine Homepage angegeben wird sein Name direkt dahin verlinkt. Ebenfalls wird wieder das Datum und die Zeit und natürlich der Kommentar an Sich angezeigt. Hier kann mit der Antworten- Funktion direkt auf den Kommentar geantwortet werden. 16

Dies ist das Kommentarfeld für nicht registrierte Nutzer. Die mit dem Stern markierten Felder sind Pflichtfelder. Diese müssen Ausgefüllt werden. 17

2.5 Die Sidebar Dies ist die Sidebar. In diesem Layout werden die konfigurierten Widgets angezeigt. Wie ganz oben das Suchen-Widget. Dieses ermöglicht das durchsuchen der Kompletten Seite nach Post, Schlagwörter und Kategorien. Ebenfalls wurde von mir ein Besucherzähler eingebunden. Dies ist ein Plugin, welches im Dashboard heruntergeladen und installiert werden kann. Jedes Plugin muss zuerst aktiviert werden um im Widget-Menü (Im Dashboard) angezeigt zu werden. Die Sidebar kann nach Belieben bearbeitet werden. Später könnt Ihr hier auch Werbung platzieren um mit eurer Website Geld zu verdienen. Aber auch hier später mehr. 2.6 Der Footer (Die Fußzeile) Der Footer, auch Fußzeile genannt, bildet den Abschluss der Homepage. Hier werden meist Informationen wie Copyright, Verlinkungen oder wie in unseren Fall ein Counter-Plugin. Der Footer kann wie die Sidebar bearbeitet werden. 18

3. Arbeiten mit Word Press Nun beginnen wir die Seite individuell zu gestallten. Dazu loggt euch als Administrator ein und begebt euch ins Dashboard. Der erste Schritt sollte sein, Word Press zu aktualisieren. Die Software zeigt Automatisch an, wenn Updates von Themen, Plugins und Word Pess selbst, zur Verfügung stehen. 3.1 Eine Design (Themes) installieren Durch das Klicken auf die Schaltfläche Aktualisierungen kommt Ihr auf eine Übersichtsseite, wo Ihr jede Komponente einzeln oder alle auf einmal zum updaten wählen könnt. Sind alle Komponenten auf den neusten Stand können wir mit der Themensuche beginnen. Da uns das Standard Design langweilt wollen wir uns gerne ein anderes zulegen. Dazu wählt im Dashboard, unter Design (das Menü lässt sich durch einen Klick auf den Pfeil ausklappen), den den Punkt Themes. Ihr werdet dann zur Themes- Verwaltung weitergeleitet. Unter dieser Seite könnt Ihr dann euer aktuell gewähltes Design, bei uns noch das Standartdesign von Word Press (Twenty Ten), verwalten und bereits installierte aktivieren. Es gibt auch eine Live- Vorschau. Mit dieser könnt Ihr das gewünschte Template auf eure Seite (komplett mit euren Inhalten und Widgets) ansehen. So sieht man sofort ob das Design zum Thema der Homepage passt oder eben nicht. Falls es einem nicht gefällt schließt man die Vorschau und die Seite bleibt unverändert. 19

Wollt Ihr nun ein anderes Themes installieren klickt dazu einfach oben auf die Schaltfläche Themes installieren. In diesem Suchfeld kann dann nach neuen Themes gesucht werden. Wenn Ihr garkeine Vorstellung habt könnt Ihr auf gut Glück suchen und ohne eingabe in das Suchfeld auf Suchen klicken. Dann wird die Komplette Themes- Datenbank angezeigt. Dort könnt Ihr euch dann eins der Themes aussuchen. 20

Wir haben uns dann für das Themes ECO entschieden. Habt Ihr euer Design gefunden könnt Ihr es euch mit der Vorschau ansehen. Die Live-Vorschau mit eurem Inhalt funktioniert erst nach Installation des Designs. Nun könnt Ihr das Paket durch klicken auf Jetzt installieren auf euren Webserver übertragen. Nach erfolgreicher Installation werdet Ihr auf folgende Seite weitergeleitet. 21

Hier könnt Ihr euch zuerst die Live-Vorschau ansehen und wenn euch das Design gefällt klickt Ihr auf Aktivieren. Ihr könnt das Design jederzeit ändern. Der Inhalt, wie Posts, Seiten, Kategorien und installierte Plugins gehen dadurch nicht verloren. Es kann nur sein, das die Sidebar, der Footer und das Menü neu konfiguriert werden müssen. Was aber nicht weiter schlimm ist. 3.1.1 Design konfigurieren (ECO) Nun geht es ans einstellen und konfigurieren. ECO bietet hier eine eigene Einstellungsübersicht mit vielen Möglichkeiten zur Gestaltung. Das muss nicht auf jede Themes zutreffen. 22

Hier kann zum Beispiel gleich ein Logo für den Header hochgeladen werden und viele weitere Einstellungen vorgenommen werden. ECO bietet auch die Möglichkeiten Social-Icons von Facebook, Twitter, Google+ und Youtube direkt im Template zu verknüpfen. Dazu muss nur der Link zum jeweiligen Account oder Seite angegben werden. Hier könnt Ihr auch einzelne Schriftarten für bestimmte Bereiche festlegen. Ebenso kann auch der Code (unter Custom Code) für Google Analytics eingefügt werden. Dies vereinfacht die korrekte Platzierung des Codes. Nach Fertigstellung der Settings (Einstellungen) sieht eure Seite dann in etwa so aus. Ihr könnt sehen dass sich die einzelnen Komponenten ein bisschen verschoben haben. Bei diesem Design ist zum Beispiel die Suchfunktion nicht in der Sidebar sondern im Header platziert. 23

3.2 Eine Seite/Unterseite erstellen Da das Design nun gewählt ist können wir beginnen den Inhalt der Seite aufzubauen. Dazu erstellen wir als aller erstes eine neue Seite, welche wir als Hauptseite benennen. Dazu geht Ihr im Dashboard auf die Schaltfläche Seiten. Dort findet Ihr eine Übersicht euer bereits erstellten Seiten. Dort seht Ihr auch die Sample Page von Word Press. Diese kann in den Papierkorb geschoben werden. Um eine Neue Seite zu erstellen müsst Ihr einfach auf die Schaltfläche Erstellen klicken, oder im Menü (Bild Oben) auf Erstellen. Ihr werdet bei beiden Klicks auf dieselbe folgende Seite weitergeleitet. In der oberen Leiste wird der Titel der Seite angegeben und im unteren Bereich kann der Inhalt der Seite eingefügt werden. Es werden auch Inhalte im HTML-Code unterstützt. Dazu links eifnach auf HTML umschalten. 24

Einstellungen: Auf der rechten Seite findet Ihr das Fenster für die Einstellungen der Seite. Unter Attribute (Eigenschaften) könnt Ihr einstellen, ob es sich um eine Hauptseite (siehe Bild) oder um eine Untergeordnete Seite handelt. Dazu einfach auf den kleinen Pfeil klicken, dann öffnet sich ein Dropdown Menü, wo Ihr die Übergeordnete Seite auswählen könnt. Natürlich muss dazu erst eine Seite erstellt werden. Danach könnt Ihr die Reihenfolge wählen. Wird 1 gesetzt, ist dies die erste Seite im Navigationsmenü, setzt man 2 wird die Seite an zweiter Stelle angezeigt (sofern 2 Seiten vorhanden sind). Sind alle Inhalte und Einstellungen gesetzt kann die Seite entweder als Entwurf (Speichern) oder gleich Veröffentlicht (Publizieren) werden. Wurde die Seite veröffentlicht, erscheint oben diese Meldung. Ihr könnt euch die Seite gleich ansehen. Es wird ebenfalls der Link zu dieser Seite unten angezeigt. Dieser wird genutzt, wenn auf die erstellte Seite verlinkt werden soll. 25

Unsere erstellte Seite sieht dann so aus. Oben Rechts ist das Navigationsmenü, dort wird unsere Seite angezeigt. Klickt man auf diese wird im Grünen Balgen der Titel der Seite angezeigt und unter diesem Titel eine erstellte Unterseite. Diese wird nur angezeigt, wenn die Hauptseite Hauptseite aufgerufen wird (Themes abhängig). Nun können wir mit dem bearbeiten der Seite fortfahren. 26

3.3 Widgets/Plugins 3.3.1 Verwalten, Einstellen und einbinden Um die Widgets deiner Seite zu verwalten und einzubinden wähle unter den Menüpunkt Design die Schaltfläche Widgets. Du wirst dann auf folgende Seite weitergeleitet. Hier seht Ihr alle installierten bzw. vorhanden Widgets. Diese können per Drag & Drop in die nebenstehenden Sidebars geschoben werden. 27

Die Widgets werden in der Reihenfolge im der Sidebar angezeigt, wie diese hier angeordnet sind. Durch Klicken auf den Kleinen Pfeil, nach dem Widgettitel, wird das Einstellungsmenü ausgeklappt. Dort könnt Ihr, Widget abhängig, Einstellungen wie Titel, Farbe, Hyperlink usw einstellen. PageLines Social Dies ist ein Widget von dem Themes Eco und bindet Soziale Verlinkungen ein, wie RSS-Feed, Facebook, Twitter usw. Visit Counter Widget Dies ist ein von uns installiertes Widget, um die Aktuellen und Gesamten Besucher der Seite anzuzeigen. Wie das genau geht seht Ihr weiter unten. Meta Das Meta Widget ist ein Standard Widget und binden den Link zur Anmeldung/Registration ein. Dieses Widget sollte aufjedenfall eingebunden werden, da es Besuchern ermöglicht (falls Einstellung gesetzt ist) sich zu Registrieren und Einzuloggen. 28

Kalender Das Widget Kalender erklärt sich von selbst. Dieses binden einen Kalender ein, welcher immer das Aktuell Datum markiert. Er zeigt auch an, welche Artikel an welchen Tag veröffentlicht wurden. Dies erkennt man an den grünen Zahlen. Klickt man auf diese, werden alle Artikel angezeigt, welche an diesen Tag veröffentlicht wurden. Text Das Text Widget binden einen Text ein. Hier könnt Ihr direkt schreiben was Ihr wollt. Dies wird genauso auf deiner Seite angezeigt. Ihr könnt aber auch einen HTML Code einfügen, um zum Beispiel Hyperlinks zu erstellen. Wir nutzen dieses Widgets zum einbinden eines IP Counters (<script>) und Werbung von Google AdSense, dazu aber später mehr. Ihr könnt auch ungenutzte bzw. alte Widgets parken, so werden diese nicht mehr angezeigt aber verlieren nicht Ihre Einstellungen. Dazu einfach gewünschtes Widget von der Sidebar in diesen Bereich ziehen. 29

3.3.2 Plugins installieren und einstellen Um die Seite zur Pluginverwaltung aufzurufen Klickt Ihr einfach auf die Schaltfläche Plugins und Ihr werdet zur entsprechenden Seite weitergeleitet. Hier sind alle installierten Plugins aufgelistet. Es kann oben selektiert werden, ob Alle, Aktivierte oder nur Inaktive angezeigt werden sollen. Ganz unten ist auch unser Plugin zusehen, welches wir bei Widgets als Besucherzähler eingebunden haben. Wir haben auch, zum Überwachen von Besuchen, ein Google Analytics Plugin installiert. Dies erkläre ich aber später noch ausführlicher. Die grau hinterlegten Plugins sind die als deaktiviert markierten und die weiß hinterlegten aktiv. Um ein neues Plugin zu installieren einfach oben auf die Schaltfläche Installieren Klicken und Suchbegriff eingeben. Die Installation läuft genauso ab wie bei einem Themes. Ist ein Plugin installiert und aktiviert wird es unter Widgets unter Verfügbare Widgets angezeigt, sofern es ein Widget zur Einbindung in die Sidebar ist. Löschung. Um ein Plugin zu löschen muss es erst deaktiviert werden. Erst dann erscheint der rote Link zur 30

4. Mit der eigenen Homepage Geld verdienen Natürlich ist einer der größten Hintergedanken mit einer Eigenen Homepage auch Geld zu verdienen. Was Google sehr einfach und für jeden möglich macht. 4.1 Google AdSense Google bietet den Service AdSense an. Dies ist ein Werbeprogramm, welches Nutzer mit eigenen Websiten, ganz einfach ermöglicht mit gezielter Werbung Geld zu verdienen. Dazu müsst Ihr euch erst bei Google AdSense registrieren und einloggen. Keine Angst dies ist völlig kostenlos und unverbindlich. Das Prinzip von AdSense hat schon jeder mal erlebt. Ihr sucht in Google zum Beispiel nach einen neuen Tablet und sofort, wenn Ihr eine andere Website besucht, seht Ihr Werbung von Tablets aller Art. Dies führt dazu, das Werbung effektiver und gezielter wird und vorallem die Klickzahl erhöht, denn jeder Klick ist bares Geld. Hier geht s zu Google AdSense Habt Ihr euer Konto erfolgreich eingerichtet könnt Ihr durch das Klicken auf Meine Anzeigen eine neue Anzeige für Eure Seite erstellen. Es öffnet sich dann ein Konfigurationsfenster, welches so aussieht. 31

Wir erstellen für unsere Seite einen 120x600 Skycraper Banner. Welchen Typen und Größe Ihr wählt ist natürlich euch überlassen. Der Anzeigetyp legt dann fest, ob nur Text, nur Bild oder beides zusammen angezeigt wird. Ihr könnt euch dann noch das gewünschte Design aussuchen (Tipp: rechts seht Ihr eine kleine Vorschau) und dann mit Klicken auf Speichern und Code abrufen bestätigen. Hinweis: Das Design und der Typ kann im Nachhinein geändert werden. 32

Kopiert den Code und fügt diesen unter Widget als Text ein und positioniert diesen Klug auf der Website. Der Banner wird dann so auf eurer Seite dargestellt. 5. Schlusswort Dies war meine kleine Einführung in die Welt von Word Press. Dieses Dokument wird noch aktualisiert und erweitert, je nach dem was Ihr noch denkt was hier fehlt. Ihr könnt euch die aktuellste Version >>hier<< downloaden. Hat euch das Tutorial gefallen und vorallem geholfen hinterlasst doch bitte einen Kommentar, ich freue mich über jedes Feedback!! Vielen Dank, Andreas R. 33

6. Information 6.1 Rechtlicher Hinweis: Dieses Dokument wurde von www.ausbildung-elektrotechnik.de erstellt und ist rechtlich geschützt. Das Dokument ist vollkommen kostenfrei und darf frei verbreitet werden. Die Voraussetzung ist, das dieses Dokument im Orginalzustand bleibt und der Download-Link auf www.ausbildungelektrotechnik.de verlinkt wird. Keine Deep-Links vom Server! Dieses Dokument darf nur vom Ersteller bearbeitet werden. Sollten Fehler gefunden werden dürfen diese gerne gemeldet werden. Das Dokument wird dann dementsprechend abgeändert und mit einer neuen Revision auf der Homepage released. Dort ist immer die aktuellste Version verlinkt. Die im Tutorial erstellte Seite steht jederzeit zur Besichtigung zur Verfügung! 6.2 Kontakt: www.ausbildung-elektrotechnik.de kontakt@ausbildung-elektrotechnik.de 6.3 Versionsübersicht: Version Bearbeiteter Datum Grund 1.0 Andreas R. 26.07.12 Release 1.1 Andreas R. 03.08.12 Ergänzung bei Setup 34