Einführungskurs Wordpress Von Norbert Willimsky Stand:

Transkript

1 Einführungskurs Wordpress Von Stand: Inhalt Einführung... 2 Grundlegende Begriffe... 2 Fortgeschrittene Begriffe... 3 Arten WP zu betreiben... 5 Übung... 6 Erläuterungen zu WP-Funktionen... 7 Wo finde ich was?... 9 Links und Literatur Workshop Anhang1: Lokale Installation von WP.ORG (Anleitung) Anhang2: Entfernte Installation von WP.ORG (Anleitung) Legende zum Skript o Abkürzungen: WP = Wordpress, VZ = Verzeichnis o Mit WP.COM ist die Website gemeint o Mit WP.ORG ist die Website gemeint o Menüführungen und Bedienungsabläufe werden mit Schrägstrich (Slash) dargestellt. Beispiel: Einstellungen/ Lesen/ Sichtbarkeit Einführungskurs Wordpress Seite 1

2 Einführung Das Blog ist ein Kunstwort, entstanden aus dem Wort Weblog bzw. Webtagebuch. Blogs sind Teil des Social Networking, des Mitmach-Webs. Typische Merkmale eines Blogs sind: o Chronologische Anordnung der Inhalte o Vernetzung und Verweise auf andere Blogs o Kommentiermöglichkeit durch Leser Wordpress ist die am häufigsten benutzte Blog-Software. 17,3% aller Websites bzw. 54,9% aller CMS-Websites weltweit sind mit Wordpress erstellt*. Dieser Einführungskurs basiert auf der Online-Software des Bloghosters wordpress.com. Die bei Skripterstellung verfügbare Version war Wordpress 3.9. Das Wort Wordpress wird im weiteren Verlauf mit WP abgekürzt. * Quelle: Stand: Grundlegende Begriffe das Blog Weblog, Webtagebuch. Das Blog dient der chronologischen Veröffentlichung von Inhalten. CMS Blog-Layout Frontend Backend (Dashboard) Homepage Theme Widgets Kategorie Tag (Schlagwort) Beitrag Blogroll Blogarten: Themen-Blog: Foto-Blog: Persönliches-Blog:. u.a. Content Management System: Anwendung zur Erstellung einer Website und zur Pflege der Inhalte durch eine oder mehrere Personen. Kopfbereich, Inhaltsbereich, Sidebar, Fußbereich Blogansicht, wie sie der Leser sieht, wenn er die Blogadresse aufruft. Verwaltungsbereich. Hier werden das Blog und die Inhalte erstellt. In WP wird das Backend Dashboard (Amaturenbrett) genannt. Erste Seite eines Blogs Layoutvorlage für das gesamte Blog Meist in der Sidebar angebotene Funktionen. Beispiele: Suchen, Aktuelle Beiträge, Schlagwörter-Wolke Ordnender Überbegriff für Beiträge und Links. Unterkategorien sind möglich. Kategorienamen müssen eindeutig sein. Schlagwort für einen Beitrag. Oft mittels Tag-Cloud (Schlagwörter-Wolke) dem Leser zur Auswahl angeboten. Synonyme: Beitrag, Artikel, Post. Enthält den eigentlichen Inhalt des Blogs. Jeder Beitrag muss einer Kategorie zugeordnet sein. Links auf andere Blogs und Websites. Einführungskurs Wordpress Seite 2

3 Seite Menü Jeder Link muss einer Kategorie zugeordnet sein. Eine Seite enthält statischen, selten geänderten Inhalt. Beispiel: Impressum Individuell erstellbares Menü. Nicht in allen Themes möglich. Geeignet für die Erstellung von Websites mit WP als CMS. Fortgeschrittene Begriffe Threat Backlink Trackback Pingback Permalink Pagerank Feeds Feedreader RSS-Feed Plugin Beitrag mit allen zugehörigen Kommentaren Link von einer fremden Website auf das eigene Blog Backlink, der an ein fremdes Blog verschickt wird. Dabei handelt es sich um ein Zitat mit Permalink, was als Kommentar im fremden Blog veröffentlicht wird. Vom Blog-Server automatisch verschickter Trackback Feste, dauerhafte Adresse eines Beitrags. Man erhält den Permalink durch Anklicken des Titels. Permalinks sollten lesbar und sprechend sein. Das ist suchmaschinen-freundlicher. Google-Bewertung des Blogs zwischen 1 und 10. Je höher desto weiter vorne steht das Blog bei den Suchergebnissen. Feed ist ein Nachrichtenformat für Websites. Es wird benutzt, um Lesern Änderungen mitzuteilen, ohne dass die Website aufgerufen werden muss. Ein Feed kann abonniert und von Browsern oder Feedreadern angezeigt werden. Wordpress generiert RSS-Feeds und Atom-Feeds, die abonniert werden können. Erweiterung der Blog-Software. In WP.COM vorinstalliert. Beispiel: Press This Einführungskurs Wordpress Seite 3

4 Grafik: Dynamische Website mit WP Quelle: Webseiten erstellen mit Wordpress, Clemens Gull (Seite 18) Grafik: Dashbord-Bereiche Quelle: Webseiten erstellen mit Wordpress, Clemens Gull (Seite 80) 1 = Optionen, 2 = Dashboard, 3 = Bloginhalte, 4 = Blogsteuerung, 5 = Menü-Anzeige, 6 = Titel, 7 = Arbeitsbereich Einführungskurs Wordpress Seite 4

5 Arten WP zu betreiben WP.COM WP.COM ist eine Online-Software, mit der ein Blog einfach, schnell und kostenlos erstellt werden kann. Das Blog ist sofort weltweit lesbar. Die technische Administration übernimmt der Bloghoster Wordpress. Die Funktionalität ist teilweise eingeschränkt. WP.COM ist gut geeignet für Blogger, die schnell und ohne technische Vorkenntnisse ein Blog erstellen wollen. Einschränkungen bei WP.COM o Die Domain ist eine Unteradresse von WP.COM o Maximal 3 Gigabyte Speicherplatz o Videos und Ton-Dateien sind nicht hochladbar o Nur vorinstallierte Themes verwendbar o Nur vorinstallierte Widgets und Plugins verwendbar o Datensicherung geschieht durch WP.COM o Keine eigene Werbung möglich o WP.COM-Werbung ist möglich o Umständliche Einladung weiterer Benutzer (meine Erfahrung) WP.ORG WP.ORG ist eine Website, von der WP kostenlos heruntergeladen und selbst installiert werden kann. Es sind keine Einschränkungen vorhanden. WP.ORG ist gut geeignet für Blogger mit technischen Vorkenntnissen. Lokale Installation von WP WP kann zu Übungszwecken am eigenen PC auf einem lokalen Server installiert werden. Anleitung hierfür in Anhang1. Entfernte Installation von WP Ziel jeder Blog-Erstellung ist die Präsenz im Internet und damit die Installation von WP bei einem Provider. Anleitung hierfür in Anhang2. Blog oder CMS? WP ist eine Software zur Erstellung und Verwaltung von Blogs. Es kann aber auch wie ein CMS zur Erstellung einer gewöhnlichen Website genutzt werden. Unterstützend hierfür sind die Möglichkeiten, Menüs zu definieren und die Kommentarfunktion abzuschalten. Einführungskurs Wordpress Seite 5

6 Übung Erstes Blog in WP.COM anlegen o Aufrufen: de.wordpress.com o Registrieren: mit Loslegen-Button o Erfassen: adresse, Benutzername, Passwort, Blogadresse, Blog-erstellen-Button o Durchklicken ohne Erfassungen: Richte-dein-Blog-ein-Masken o adresse bestätigen: Mit -nochmal-senden-Link In zugesandter -Adresse-bestätigen-Button o Aufrufen: Dashboard-Link o Dashboard gestalten: mit Optionen-einblenden-Button Allgemeine Einstellungen o Titel und Slogan erfassen: Einstellungen/ Allgemein/ Blogtitel, Slogan o Sichtbarkeit beschränken: Einstellungen/ Lesen/ Sichtbarkeit des Blogs Inhalte erfassen o Kategorien erfassen: Beiträge/ Kategorien/ Neue-Kategorie-hinzufügen-Button o Tags erfassen: Beiträge/ Tags/ Schlagwort-hinzufügen-Button o Beiträge erfassen: Beiträge/ Erstellen/ Publizieren-Button In den Beiträgen Kategorien und Tags zuordnen Mögliche Aktionen im Beitragseditor o Editormenü aufklappen: mit Umschalter-Werkzeugleiste-Icon o Hervorhebungen: Überschrift, Fettdruck, Liste, Link, Weiterlesen-Link o Bild einfügen: mit Dateien-hinzufügen-Button o YouTube-Video einfügen: Dateien-hinzufügen/ YouTube-einfügen o PDF hochladen: mit Dateien-hinzufügen-Button o Beitragsunterschriften entfernen: Likes und Shares im Beitrag. Kommentiermöglichkeit im Quickedit des Beitrags. Theme bearbeiten o Theme Twenty Twelve aktivieren: Design/ Themes/ Aktivieren-Button o Hintergrundfarbe auswählen: Design/ Anpassen/ Farben o Headerbild auswählen: Design/ Anpassen/ Header Widgets einbinden o Folgende Widgets auswählen, individualisieren und anordnen: Suchen, Aktuelle Beiträge, Kategorien, Schlagwörter-Wolke, Links o Design/ Widgets/ Speichern-Button Seiten einrichten o Seite Über mich erfassen. Kommentiermöglichkeit ausschalten o Seiten/ Erstellen/ Publizieren-Button Menü einrichten o Menü aus Seiten, Links und Kategorien erstellen o Design/ Menüs/ Menü-erstellen-Button o Individuelles-Menü-Widget einbinden Frontend aufrufen: oben links auf Blogname klicken. Backend aufrufen: oben links auf Blogname/ Dashboard klicken Einführungskurs Wordpress Seite 6

7 Erläuterungen zu WP-Funktionen in alphabetischer Reihenfolge Beitragsformate Folgende Beitragsformate existieren: Kurzmitteilung, Bild, Video, Zitat, Verweis, Galerie. Für die Suchmaschinenoptimierung sind sie in jedem Fall relevant. Um weitere Vorzüge auszuspielen, müssen sie vom Theme unterstützt werden. Backlink/ Trackback/ Pingback Beispiel zur Veranschaulichung der Begriffe: o A verlinkt in einem Beitrag auf B o Dadurch wissen die Leser von A von dem Beitrag in B o Aber die Leser von B wissen nichts von dem Beitrag in A o Deswegen verschickt A einen Trackback (automatisiert: Pingback) mit einem Backlink. Dieser wird als Kommentar zum Beitrag in B hinzugefügt o Jetzt wissen auch die Leser von B von dem Beitrag in A Bilder In der Mediathek von WP.COM können mehrere Bilder mit einem Klick hochgeladen werden. Dokumente im Beitrag verlinken beitrag öffnen/ Dateien-hinzufügen-Button/ Dateien-hochladen-Link/ Dateien-auswählen- Button/ In-Beitrag-einfügen-Button Feeds Feed ist ein Nachrichtenformat für Websites. Es wird benutzt, um Lesern Änderungen mitzuteilen, ohne dass die Website aufgerufen werden muss. Ein Feed kann abonniert und vom Browser oder von Feedreadern angezeigt werden. Wordpress generiert RSS-Feeds und Atom-Feeds, die abonniert werden können. Feeds im IE abonnieren: Befehlszeile sichtbar machen: Ansicht/ Symbolleisten/ Befehlsleiste Seite, die Feeds anbietet, aufrufen Auf Feeds-Schaltfläche in Befehlszeile klicken Feed auswählen, zur Favoritenleiste hinzufügen anklicken, abonnieren. Feeds im IE lesen: Favoritenleiste sichtbar machen: Ansicht/ Symbolleiste/ Favoritenleiste Gewünschten Feed anklicken Feed löschen: Explorer-Leiste Feeds sichtbar machen: Ansicht/ Explorerleisten/ Feeds Rechte Maustaste auf Feed/ löschen Frontend/ Backend Bei der Blogerstellung wird ständig zwischen diesen beiden Ansichten gewechselt: Frontend: oben links auf Blogname klicken Backend: oben links auf Blogname/ Dashboard klicken Einführungskurs Wordpress Seite 7

8 Kategorie/ Tag Beides sind Überbegriffe, mit denen Beiträge vom Leser gefunden werden sollen. Kategorien sind eher statischer, fixer Natur und anzahlmäßig gering zu halten. Tags können auch Teile von Beiträgen betreffen. Sie sind dynamischer, häufiger und werden bei der Beitragserstellung erfasst. Es sind mehrere Tags je Beitrag möglich. Kommentare Spam-Kommentare können u.a. mit einer Funktion vermindert werden, die die Kommentiermöglichkeit zeitlich begrenzt. Einstellungen/ Diskussionen/ weitere Kommentareinstellungen/ Kommentare zu Beiträgen schließen Kontaktformular Auf Seiten und in Beiträgen kann mit dem Kontaktformular-hinzufügen-Button ein Kontaktformular eingefügt werden. Permalink und lesebare URLs Jeder Beitrag im Blog hat eine feste Adresse (URL) den sogenannten Permalink. Er sollte suchmaschinenfreundlich sein (pretty url). In WP.COM ist dieses Feature voreingestellt. Es kann ein Lesezeichen im Browser auf den Permalink eines Posts gesetzt werden. Plugins in WP.COM Bedienung von Press This: Das Plugin muss in die Favoritenleiste aufgenommen bzw. gezogen werden. Beliebige Website aufrufen und Press This drücken. Der WP-Beitragseditor wird geöffnet und ein Link zum aktuellen Beitrag ist vorhanden. Sinnvoll für die schnelle Erstellung eines Beitrags. Seiten und Menü Seiten haben oft statische Inhalte (z.b. Impressum, Kontakt). Menüs haben keine Inhalte. Sie bestehen aus Links, Seiten oder Kategorien. Das Theme muss menüfähig sein. Nach der Menüerstellung muss das Widget Individuelles Menü in den Blog eingefügt werden. Sichtbarkeit des Blogs Einstellungen/ Lesen/ Sichtbarkeit des Blogs Die Sichtbarkeit des Blogs im Internet ist eine wichtige Einstellung. Man hat die Wahl zwischen: privat, öffentlich ohne Suchmaschine, öffentlich mit Suchmaschine. Themes In WP.COM ist eine Auswahl von Themes vorinstalliert. Nur diese können für Blogs verwendet werden. Offizielle WP-Themes und empfehlenswert sind TwentyTen, TwentyEleven, TwentyTwelve (responsiv). Sie sind widgetfähig und unterstützen individuelle Menüs. In WP.ORG können selbsterstellte Premium- und freie Themes verwendet werden. Vertrauenswürdige freie Themes haben einen Link zum Theme-Autor in der footer.php. Einführungskurs Wordpress Seite 8

9 Problem: Es gibt hauptsächlich englische Themes. Die Theme-Sprache ist nicht immer sofort erkennbar. Widgets Widget RSS: damit kann im Blog ein beliebiger RSS-Feed angezeigt werden (z.b. Spiegel- Schlagzeilen) Widget RSS-Link: der Leser kann sich per Klick den Feed zum Blog anzeigen lassen. Der Sinn dürfte sein, mit einem Klick die neuesten Beiträge oder Kommentare sehen zu können. Widget Follow Blog via der Leser hat die Möglichkeit, bei Blog-Änderungen per benachrichtigt zu werden. Nach Eingabe der -Adresse wird ein Aktivierungs- verschickt. Widget Abonnierte Blogs: der Leser sieht eine Liste der Blogs, die unter Wordpress/ Reader angezeigt werden bzw. abonniert wurden Widget Meta: Möglichkeit für den Leser, sich in WP zu registrieren, einen Blog anzulegen, sich an- oder abzumelden, Feeds zum Blog zu abonnieren Wo finde ich was? Frontend aufrufen Backend aufrufen Dashboard gestalten Menü im Beitragseditor erweitern Blogtitel, Slogan Blog-Sichtbarkeit Beitragsunterschriften entfernen Kommentare zu Beiträgen nicht zulassen Kommentare zu Seiten nicht zulassen Startseite festlegen Plugin einbinden Blog löschen oben links auf Blogname klicken oben links auf Blogname/ Dashboard klicken mit Optionen-einblenden-Button mit Umschalter-Werkzeugleiste-Icon in Menüleiste Einstellungen/ Allgemein/ Blogtitel, Slogan Einstellungen/ Lesen/ Sichtbarkeit des Blogs Haken bei Likes und Shares im Beitrag entfernen Haken bei Erlaube-Kommentare, Erlaube-Pings im Quickedit des Beitrags enfernen Haken bei Erlaube-Kommentare im Quickedit der Seite entfernen Einstellungen/ Lesen/ Startseite zeigt Werkzeuge/ Verfügbare Werkzeuge/ Werkzeuge/ Blog löschen Einführungskurs Wordpress Seite 9

10 Links und Literatur Links de.wordpress.com WP.COM Webadresse des Bloghosters Wordpress de.wordpress.org WP.ORG Zum Download von WP und eigener Installation. (wpde.org) WP.ORG Enthält kostenlose deutsche Themes. xampp-windows.html WP.ORG Lokaler Server xampp für WP-Installation. Aktuelle Version ist (Installer Version). sourceforge.net/projects/ filezilla WP.ORG FTP-Programm Filezilla für Dateitransfer zum Provider. Literatur Webseiten erstellen mit Wordpress, Clemens Gull, Franzis Wordpress, Die eigene Homepage einrichten, Stephan Brey, Franzis Beschreibt Grundlagen von WP.ORG Auch für das Verständnis von WP.COM geeignet. Preis: 30 Beschreibt kurz und treffend die Grundlagen von WP.ORG Auch für das Verständnis von WP.COM geeignet. Preis: 10 Einführungskurs Wordpress Seite 10

11 Workshop Zur systematischen Anwendung und Wiederholung sollen die Teilnehmer ein persönliches Blog mit WP.COM erstellen z.b. ein Reiseblog. Alles hier Beschriebene ist als Vorschlag zu verstehen. Wenn die Blogs öffentlich gehalten werden, können sie von anderen Teilnehmern aufgerufen und kommentiert werden. Vorgeschlagenes Vorgehen o Blog planen: Layout, Seiten, Widgets, Bilder, Kategorien, Tags o Ein weiteres Blog in WP.COM anlegen: Aufrufen: de.wordpress.com Erfassen: Benutzer, Passwort (vgl. Übung1), Anmelden-Button Neues Blog erstellen: Mein Blog/ Erstelle-noch-ein-Blog-Button Erfassen: Blogadresse, Blogtitel, Sichtbarkeit, Blog-erstellen-Button Dashboard aufrufen: mit Besuche-dein-Dashboard-Button o Titel und Slogan bearbeiten o Blog-Bilder mit Mediathek hochladen o Theme auswählen o Hintergrund, Headerbild festlegen o Widgets auswählen und individualisieren o Seiten erfassen (mit Blindtext) o Blogroll-Links erfassen o Kategorien, Tags, Beitrag erfassen (mit Blindtext) Beispielblog vergleiche Einführungskurs Wordpress Seite 11

12 Anhang1: Lokale Installation von WP.ORG (Anleitung) Voraussetzung für xampp: Port80 bei Skype muss deaktiviert sein: skype/ optionen/ verbindung/ port 80 deaktivieren o xampp herunterladen und installieren unter c:\xampp o WP herunterladen und extrahieren in Zielverzeichnis c:\xampp\htdocs Danach wordpress-vz in Stamm-VZ umbenennen z.b. in c:\xampp\htdocs\blog1 o Datenbank anlegen: Localhost starten mit xampp-control.exe aufrufen, phpmyadmin anklicken, DB anlegen o wp-config.php erstellen: wp-config-sample.php aus Stamm-VZ mit Editor (z.b. Phase5) öffnen, ändern und unter wp-config.php speichern. Änderungen: db-name, blog1 db-user, root db-passwort, db-host, localhost o WP installieren: Backend aufrufen mit Seitentitel, Benutzername, Passwort, adresse erfassen und Wordpress-installieren- Button drücken (Vorschlag für Benutzername, Passwort: admin, admin) Anhang2: Entfernte Installation von WP.ORG (Anleitung) Systemvoraussetzungen für WP3.5 sind: PHP 5.2.4, MySQL , PHP-Memorylimit 256 MB o WP herunterladen und extrahieren z.b. unter Laufwerk c:\ Danach wordpress-vz in Stamm-VZ umbenennen z.b. in c:\blog1 o Datenbank beim Provider anlegen o wp-config.php erstellen: wp-config-sample.php aus Stamm-VZ mit Editor (z.b. Phase5) öffnen, ändern und unter wp-config.php speichern. Änderungen: db-name, dbname lt. provider db-user, dbuser lt. provider db-passwort, dbpasswort lt. provider db-host, localhost 8 Keys in Zeilen eingeben oder generieren lassen o Stamm-VZ mit Filezilla hochladen o Subdomain anlegen und mit Stamm-VZ verbinden o WP installieren: Subdomain aufrufen Seitentitel, Benutzername, Passwort, adresse erfassen und Wordpress-installieren- Button drücken Einführungskurs Wordpress Seite 12