Was ist WordPress? Seite: 1 Funktionsschema Browser WordPress ist ein System zur Verwaltung der Inhalte einer Website. Es bietet sich besonders zum Aufbau und Pflege eines Weblogs (Onlinetagebuch) an, da es erlaubt, jeden Beitrag einer oder mehreren frei erstellbaren Kategorien zuzuweisen, und automatisch die entsprechenden Navigationselemente erzeugt. Parallel gestattet es auch unkategorisierte Einzelseiten, also Beiträgen außerhalb der normalen Weblogchronologie. Dies ist ein erster Schritt weg von einem reinen Weblog Publishing System hin zu einem vollwertigen Content-Management- System. Weiter bietet das System Leserkommentare mit der Möglichkeit, diese vor der Veröffentlichung erst zu prüfen, sowie eine zentrale Linkverwaltung, eine Verwaltung der Userrollen und -rechte und die Möglichkeit externer PlugIns, womit WordPress in Richtung eines vollwertigen Content- Management-Systems ausgebaut werden kann. Internetseite CMS Themes Durch den Einsatz der Theme-Technik werden Design und Programmkern von WordPress klar getrennt, was es leicht macht, individuelle Designs zu entwickeln, ohne mit der Programmierung der Software an sich vertraut zu sein. Web-Server OpenSource WordPress basiert auf der Skriptsprache PHP und benötigt eine MySQL-Datenbank. Es ist Freie Software, die unter der GNU General Public License lizenziert wurde. Die Entwickler stellen die quelloffene Software auf der Website kostenlos zum Download bereit. Alle Versionen von WordPress sind nach berühmten Jazzmusikern benannt: Zu Ehren des Jazz- Komponisten Duke Ellington erhielt die Version 2.0 beispielsweise den Namen Duke, die Version 2.1 wurde nach der Jazz-Musikerin Ella Fitzgerald benannt. Ressourcen: WordPress http://wordpress.org/ Deutsches Manual (unvollständig) http://doku.wordpress-deutschland.org/hauptseite Englisches Manual http://codex.wordpress.org Themes Applikation WordPress auf dem Webserver font-size: 0.9em; font-weight: bold; margin: 0px; padding: 20px 0px; text-align: center; width: 100%; MySQL-Datenbank mit allen Inhalten CSS xhtml-templates bae zhdk 2010 Seite 1
people.zhdk.ch Registration Registrieren Sie sich auf der Website http://people.zhdk.ch Seite: 2 Tragen sich mit Ihrem Namen xy@login.itz ein. Sie erhalten als nächsten Schritt Ihr Passwort und Ihre Internetadresse per Mail. bae zhdk 2010 Seite 2
E-Mail mit Login-Passwort Sie erhalten Ihr Passwort und Ihre Internetadresse http://people.zhdk.ch/name per Mail. Das people.zhdk.ch-passwort finden Sie im Bild (name.gif) im Attachement. Seite: 3 Mysql-Datenbank erstellen Loggen Sie sich mit Ihrem people.zhdk.ch Account ein und erzeugen Sie eine Datenbank (Mysql-Account). bae zhdk 2010 Seite 3
E-Mail mit Datenbank-Login-Passwort Die Bestätigung, dass die Datenbank erstellt wurde erscheint in Rot auf der Website. Sie erhalten die Zugangsdaten für den Mysql-Account wieder per E-Mail. Die Passwörter für people.zhkd.ch und für den Mysql-Account unterscheiden sich! Seite: 4 Das Passwort finden Sie im Bild (name.gif) im Attachement. Verwechseln Sie die beiden Zugangsdaten nicht! bae zhdk 2010 Seite 4
WebDav Mac-User: Loggen Sie sich via Finder mit Server verbinden (Mac: Befehl + K ) auf Ihrem people.zhdk.ch ein. Sie erhalten ein normales Finder-Fenster. Allerdings befinden sich die Daten in diesem Fenster nicht auf Ihrer Hard-Disk, sondern auf dem people.zhdk.ch Web-Server. (Windows User benötigen ein WebDav Programm). Seite: 5 WordPress downloaden Öffnen Sie mit Ihrem Browser die Internetseite www.wordpress.org. Laden Sie die aktuelle Version von Wordpress hinunter. Öffnen Sie die Datei readme.html im Ordner wordpress und lesen Sie die Installationsanleitung. Ihr people.zhdk.ch-passwort bae zhdk 2010 Seite 5
WordPress konfigurieren Benennen Sie das File wp-config-sample.php neu als wp-config.php. Öffnen Sie es mit Dreamweaver oder einem Texteditor (zum Beispiel BBedit). Seite: 6 WordPress downloaden Hinweis: Sie können mehrere WordPress-Installationen auf einer Datenbank betreiben. Ändern Sie bei der zweiten Installation einfach die Variable $table_prefix, setzten Sie diese zum Beispiel auf wp2_ people.zhdk.ch-ordner Falls Sie eine andere URL wünschen können Sie den Ordner wordpress auch umbenennen oder den Inhalt direkt in den Ordner public_html kopieren. Bennen Sie aber den Ordner vor dem folgenden Installationsschritt um! Nachträgliches Umbenennen kann zu Problemen führen. bae zhdk 2010 Seite 6
WordPress installieren Öffnen Sie anschliessend die Seite http://people.zhdk.ch/ meinname/wordpress/ und tragen Sie den gewünschten Namen des Blogs und Ihre Mailadresse ein. Seite: 7 Installation fertigstellen Bei erfolgreicher Installation erhalten Sie das Administrator-Login für die Website. Loggen Sie sich als admin ein und ändern Sie Ihr Passwort. Ändern Sie Ihr Passwort. bae zhdk 2010 Seite 7
Zusätzliche Themes und PlugIns Für versierte Anwender: Laden Sie auf der Seite http://wordpress.org/extend/ die gewünschten zusätzlichen Themes und PlugIn herunter. Seite: 8 Installation Ziehen Sie die Themes und PlugIn in den entsprechenden Ordner auf Ihre people.zhdk.ch Seite in den Folder:.../public_html/wordpress/wp-content/... bae zhdk 2010 Seite 8
Weitere Themes Sie können eine grosse Anzahl frei verfügbarer Themes auf dem Internet finden. Einige Adressen mit Theme-Verzeichnissen: http://wordpressthemesbase.com http://wordpress.org/extend/themes http://topwpthemes.com http://www.templatesbrowser.com/wordpress-themes http://www.wpthemes360.com http://www.nattywp.com Weitere Themes Sie können einfach eigene Themes mit Theme-Generatoren erstellen: http://www.yvoschaap.com/wpthemegen http://www.theme-generator.net/wordpress Eestellen Sie Ihr eigenes Theme und kopieren Sie dieses in den entsprechenden Ordner auf Ihre people.zhdk.ch Seite in den Folder:.../public_html/wordpress/wp-content/themes Seite: 9 CSS des Themes bearbeiten Für fortgeschrittene User: Sie können im Admin-Interface Ihres Blogs unter dem Menüpunkt: Appearance (oder Design ) und dann unter Editor direkt das CSS bearbeiten. Tutorials und Hilfeseiten dazu finden Sie unteranderem unter: Das berühmte Tutorial http://de.selfhtml.org CSS Schriftstile online testen http://www.typetester.org Beispiele für CSS Anwendung http://www.csszengarden.com WeitereTutorials http://www.html-seminar.de http://de.html.net/tutorials/html http://www.css4you.de/ bae zhdk 2010 Seite 9
Dein Blog im Standart-Layout Der frisch erstellte Blog im Standartlayout. In den folgenden Schritten kannst Du das Erscheinungsbild und die Funktionalität des Blogs anpassen. Seite: 10 Inhalte bearbeiten Damit Du die Inhalte und das Layout bearbeiten kannst musst Du Dich ins CMS (ContentManagementSystem) einloggen. http://people.zhdk.ch/meinname/wordpress/wp-login.php bae zhdk 2010 Seite 10
Menü Dashboard (Armaturenbrett) Das Menü Dashboard gibt einen statistischen Überblick zum aktuellen Inhalt. Seite: 11 Menü Artikel Ein Artikel ( Post ) ist eindatierter Eintrag. Er kann Text, bild und andere Medien beinhalten. Er kann zudem mit Tags (Schlagworten) versehen werden und verschiedenen Kategorien zugewiesen werden. bae zhdk 2010 Seite 11
Artikel erstellen / bearbeiten Mit den Icons oberhalb des Textfeldes kann der Text bearbeitet werden. Um Medien einzufügen klicke auf das entsprechende Symbol:. Um den Artikel zu veröffentlichen klicke auf. Seite: 12 Attribute des Artikels definieren Füge nach Wunsch dem Artikel Tags hinzu und ordne den Artikel einer oder mehreren Kategorien zu. Bestimme (im unteren Seitenbereich) ob andere den Artikel kommentieren dürfen. bae zhdk 2010 Seite 12
Menü Tags Unter dem Menüpunkt Artikel -> Post Tags kannst Du die Tags bearbeiten. Seite: 13 Menü Kategorien Unter dem Menüpunkt Artikel -> Kategorien kannst Du die Kategorien bearbeiten. Du kannst die Kategorien hierarchisch verschachteln. bae zhdk 2010 Seite 13
Artikel mit Medien Um Bilder einzufügen klicke auf das entsprechende Symbol:. Wähle anschliessend die Optionen Ausrichtung und Grösse, Klicke dann auf In Artikel einfügen und dann auf Änderungen speichern. Seite: 14 Menü Mediathek Alle Uploads landen in der Mediathek. Bilder können auch zuerst in die Mediathek hinaufgeladen werden und anschliessend in einen Artikel eingefügt werden. bae zhdk 2010 Seite 14
Menü Seiten Eine Seite in WordPress dient normalerweise dazu, Zusatzinformationen zum Blog wie about me, Kontakt etc. anzuzeigen. Eine Seite ist ähnliche aufgebaut wie ein Artikel, allerdings werden die Seiten nicht chronologisch, sondern hierarchisch angeordnet (unter Attribute ). Es gibt keine Einschränkungen, was die Tiefe der Verschachtelung angeht. Seite: 15 Menü Links WordPress ermöglicht das Eintragen von Links. Diese können in der Ranspalte links oder rechts angezeigt werden. bae zhdk 2010 Seite 15
Menü Kommentare Eingetragene Kommentare zu Artikeln und Seiten können unter dem Menüpunkt Kommentare editiert werden. Seite: 16 Menü Design Mein Blog kann mit bestehenden Themes belegt werden. Der Inhalt wird dann entsprechend in diesem Layout dargestellt. Der ZHdK Blog stellt ca. 100 (von über 1000) Themes zur Verfügung. Achtung: einzelne Themes können im Design einfach angepasst werden; nicht alle Themes verfügen über die identischen Funktionen. bae zhdk 2010 Seite 16
Widgets Je nach gewähltem Theme verfügt das Layout über eine oder zwei Randspalten. Füge mittels drag & drop (Ziehen) die entsprechenden Elemente der jeweiligen Randspalte hinzu. Seite: 17 Design anpassen Je nach gewähltem Theme lassen sich Anpassungen einfach vornehmen. bae zhdk 2010 Seite 17
Design anpassen Je nach gewähltem Theme lassen sich umfangreiche Anpassungen im CSS vornehmen. Seite: 18 Menü PlugIns Es gibt vermutlich tausende von WordPress-PlugIns für die verschiedensten Aufgaben. Auf dem ZHdK Blog stehen ebenfalls einige zur Verfügung ( Bildergalerie etc.) bae zhdk 2010 Seite 18
Menü Benutzer Unter Benutzer lassen sich Deine Einstellungen bearbeiten und weitere Benutzer des CMS von diesem Blog anlegen. Ein Benutzer kann unterschiedliche Rollen haben: Suscriber, Admin, Editor, Author, Contributor. Seite: 19 Menü Werkzeuge Hier kann der Inhalt des Blogs (nur Text!) exportiert und in eine andere WordPress-Installation importiert werden. bae zhdk 2010 Seite 19
Menü Einstellungen Allgemein: Hier kann der Blog-Titel, Untertitel etc. bearbeitet werden. Seite: 20 Menü Einstellungen Diskussion: Hier kann definiert werden, ob und wie kommentiert, diskutiert etc. werden kann. bae zhdk 2010 Seite 20
Menü Einstellungen Mediathek: Hier werden die Bildgrössen definiert, in die hinaufgeladene Bilder automatisch umgerechnet werden. Seite: 21 PlugIn Galerie Wenn das PlugIn Galerie aktiviert ist können Bildergallerien erstellt werden. (Leider muss der Flash Bach Upload deaktiviert werden). bae zhdk 2010 Seite 21
PlugIn Galerie Ein Album kann Galerien oder andere Alben beinhalten. Seite: 22 Galerie einfügen Wähle das Symbol Galerie einfügen Galerie, die angezeigt werden soll. oberhalb des Textfeldes und bestimme dann die bae zhdk 2010 Seite 22
Seite: 23 Kurzanleitung Artikel editieren Titel des Artikels eingeben Bilder und Filme einfügen Neuen Artikel verfassen Artikel speichern & publizieren Artikel einer Kategorie zuteilen Option um Texte vom Word einzueinzufüllen. Neue Kategorie hinzufügen bae zhdk 2010 Seite 23