WordPress Tutorial

  • View
    245

  • Download
    0

Embed Size (px)

DESCRIPTION

WordPress Press Tutorial in Bildern

Text of WordPress Tutorial

WordPress Tutorial

WordPress Grundlagen Schulung

Hamburg, November 2014

1Schulungsbersicht2

Was macht WordPress so populr?WordPress startenDashboardaufbauWordPress Webseitenstruktur Themes auswhlen und installierenBeitrge und Seiten erstellenEinrichtung Hauptmen, Seitenleisten und FuleistenWichtige PluginsWidgetsStatische Startseite versus neueste BeitrgeNutzerprofileEinstellungen (Spamvermeidung)3

ber WordPress Inzwischen laufen etwa 22% der 10 Millionen Webseiten mit dem meisten Besuchern auf Basis von WordPress. Damit ist WordPress das populrste CMS System im Internet. Entwickelt wurde WordPress in 2003 von Matt Mullenweg und Mike Little.

WordPress.org ist eine freie open source Content Management Software (CMS) fr Blogs und Webseiten. WordPress.com ist ein Freemium-Angebot der Firma http://automattic.com, die vom WordPress Grnder Matt Mullenweg gefhrt wird.

Ein wesentlicher Grund fr den Erfolg von WordPress ist die Vielzahl an Themes und Plugins, die es erlauben fr nahezu jeden Bedarf eine Webseite zu erstellen. Themes umfassen ein Layout-Template kombiniert mit zustzlichen Funktionalitten die ber Plugins (kleine Programme) hinzugefgt werden knnen. Durch die Verwendung von Themes knnen WordPress Nutzer schnell und einfach das Aussehen und die Funktionalitt Ihrer WordPress Seite wechseln, ohne die Informationsstruktur ndern zu mssen. Themes knnen entweder direkt ber das WordPress Theme Verzeichnis installiert werden, oder ber eine externe Seite bezogen werden.Eine bersicht ber 8 Erfolgsfaktoren von WordPress finden Sie hier.

4

Installation

Screenshot: 1&1 App Center Auch wenn die WordPress Installation als vergleichsweise einfach gilt, kann sie fr Nichttechniker eine nervenaufreibende Herausforderung darstellen. Wir empfehlen Ihnen daher Hostinganbieter zu whlen, die optional WordPress vorinstalliert anbieten, wie z.B. 1&1 und Strato.

5

LoginScreenshot: WordPress

Die WordPress Login-Seite rufen Sie berhttp://beispieldomain.de/wp-admin auf (seit WordPress 3.4. knnen Sie nun auch login hinter Ihre Domain setzen, um auf die Login-Seite zu gelangen.) Geben Sie dort Ihre Zugangsdaten ein, die sich z.B. ber 1&1 zugeteilt haben.

Aufbau des Dashboards (Backends)6

Nach dem Login landen Sie im Administrationsbereich, dem so genannten Dashboard. Von hier aus wird die gesamte WordPress Seite gesteuert. In der oberen Leiste sehen Sie den Namen Ihrer Webseite. Klicken Sie darauf, um zusehen wie Ihre Webseite aktuell online aussieht.In der Seitenleiste finden Sie die Hauptnavigation mit den 10 WordPress Basis Bereichen Beitrge, Medien, Links, Seiten, Kommentare, Design, Plugins, Benutzer, Werkzeuge sowie Einstellungen.

Screenshot: WordPress 7

Das Layout das Sie online sehen nennt man das WordPress Theme. Es bestimmt das Erscheinungsbild Ihrer Webseite. Eine WordPress Seite folgt in der Regel folgendem Aufbau: Ganz oben steht der Header mit dem Logo und dem Slogan fr Ihre Seite. Darunter folgt das Hauptmen. In den oder der Seitenleiste werden Links prsentiert. Der mittlere Seitenbereich wird als Content Area bezeichnet. Am Ende der Webseite befindet sich der Footerbereich. Mit einem Klick auf den Namen Ihrer Webseite (links oben) gelangen Sie wieder zurck zum Dashboard.

Screenshots: mydls.de Webseitenaufbau

Design nderung des Layouts8

Unter dem Navigationspunkt Design knnen Sie schnell und einfach das Aussehen Ihrer Seite ndern, indem Sie ein anderes WordPress Theme aktivieren. Es gibt sowohl eine Vielzahl guter kostenloser als auch hervorragende Premiumthemes. Bevor Sie sich fr ein Theme entscheiden sollten Sie in jedem Fall die Anzahl und die Art der Bewertungen fr das jeweilige Theme prfen. Der fhrende Marktplatz fr WordPress Premiumthemes ist Themeforest.Gute kostenlose Themes findet zum Beispiel von Anbietern wie Themegrill.

Schritte: Design, Themes, hinzufgen

Screenshot: WordPress Beitrge und Seiten9

WordPress bietet zwei Mglichkeiten Inhalte zu publizieren: Beitrge und Seiten

Beitrge dienen in WordPress zum Einstellen von dynamischen Inhalten, wie zum Beispiel Nachrichten

Seiten dienen hingegen der Verffentlichung von statischen Inhalten, wie z.B. Leistungen, Team, Unternehmensinformationen, Kontaktdaten, Impressum

Screenshot: WordPress Beitrge erstellen (1/2)10

Screenshot: WordPress

Legen Sie einen Artikel an. WordPress unterscheidet Visuell und Text Ansicht. Die Textansicht dient dazu HTML Code einzugebenVerlinkung: Markieren Sie das Wort das verlinkt werden soll und whlen Sie dann das Symbol fr Link aus der Texteditor MenleisteKlicken Sie auf aktualisieren. WordPress hat nun eine URL fr Ihre Seite aus Buchstaben und Zahlen erstellt. Fr die Auffindbarkeit in Google ist allerdings besser, die URL in Beitragsname zu ndern. Dies geht dank dem SEO Plugin von Yoast ganz leicht. Klicken Sie einfach Permalinks ndern und whlen Sie dann BeitragsnameLegen Sie eine Kategorie fr Ihren Artikel anVergeben Sie Stichworte, ber die der Artikel gefunden werden sollGeben Sie eine Seitenbeschreibung fr die Google Ansicht ein

Beitrge erstellen (2/2)11

Screenshot: WordPress 1Seitentitel (sollte Keyword enthalten)Editor Absicht Visuell und TextKategorien anlegen, mit UnterkategorienSchlagworteVerlinkungFettdruckBilder hinzufgenBasis HTML fr Textoptionen: hier SEO Eingaben (Yoast SEO Plugin)VerffentlichenSEO Check und Optimierung

23465789Seiten erstellen 12

Screenshot: WordPress

Erstellen Sie eine neue Seite analog zum Vorgehen fr Beitrge. Bei Seiten gibt es im Unterschied zu Beitrgen keine Kategorien oder Tags. Dafr knnen Sie die Seitenebenen festlegen. Legen Sie als erste Seite z.B. Ihr Impressum an. Ein Muster fr ein Impressum zum einbinden finden Sie hier http://www.e-recht24.de/muster-disclaimer.htm

Hauptmen anlegen13

Screenshot: WordPress 123Schritte: Neues Men erstellenSeiten, Kategorien oder Links zum Men hinzufgen und speichernPosition des Mens festlegen

Seitenleisten und Footerbereich14

Screenshot: WordPress 123Schritte: Widgetbereich fr die Seitenleiste ffnenGewnschte Widgets per drag and drop hinzufgenAnalog fr den Footerbereich verfahren

Startseite festlegen15

Screenshot: WordPress 123Schritte: Einstellungen => Lesen ffnenStatische Seite auswhlenStartseite festlegen

Einstellungen zu Kommentaren16

Screenshot: WordPress 12Schritte: Einstellungen => Diskussion ffnenHaken bei Kommentar manuell besttigen setzen

Benutzer - Rechteverteilung17

WordPress bietet die Mglichkeit 4 Benutzerrollen mit unterschiedlichen Rechten anzulegen.

1. Administrator: Hat alle Rechte und die volle Kontrolle ber die Webseite. Kann die Webseite also auch lschen. Es wird empfohlen pro Webseite nur einen Administrator einzurichten.2. Redakteur: Kann alle Artikel (Beitrge und Seiten) bearbeiten, verffentlichen und lschen. Er kann Kommentare managen, Kategorien und Schlagwrter (Tags) anlegen und Bilder einstellen.3. Autor: Autoren knnen nur eigene Beitrge, inklusive Bildern bearbeiten, verffentlichen und lschen. Autoren knnen nicht auf Seiten zugreifen.4. Mitarbeiter: Ein Mitarbeiter kann eigene Beitrge bearbeiten aber nicht verffentlichen. Die Verffentlichung muss durch einen Administrator oder Redakteur erfolgen. Nach der Freischaltung hat der Mitarbeiter keinen Zugriff mehr auf den verffentlichten Artikel.

Screenshot: WordPress Benutzerprofil ausfllen18

Unter Ihr Profil knnen Sie Ihren Autornamen festlegen, der Welt sagen, wer Sie sind und Ihr WordPress Profil mit Ihren weiteren Social Media Profilen verknpfen.

Wenn Sie Ihre Eingaben gettigt haben, klicken Sie stets auf aktualisieren, damit WordPress Ihre Anpassungen bernimmt.Screenshot: WordPress

Wichtige Plugins19

Screenshot: WordPress Wir empfehlen WordPress um wichtige Plugins zu ergnzen, damit erhalten Sie eine Reihe ntzlicher Funktionalitten und Tools, wie z.B.

WordPress SEO (von Yoast) (Suchmaschinenoptimierung)Antispam Bee (bekmpft Spam in Kommentaren)Easy Columns (teilt Text in Spalten auf)Fast Secure Contact Form (zur Kontaktaufnahme)Google Analytics by Yoast (einfache und zuverlssige Installation eines Tracking Codes zur Webanalyse)Google Sitemap (von BestWebSoft) (Suchmaschinenoptimierung)MaxButtons (Codes fr schne Buttons)Subscribe2 Widget (Gewinnung von Email Abonnenten)Erstellen Sie Ihre eigene Website in 4 Stunden wir zeigen Ihnen wie.20

http://skillday.de/seminare/wordpress-seminar/