Achtung: Alle Template-Änderungen betreffen immer nur das aktivierte Theme. Man sollte also vor den Änderungen die Entscheidung für ein Theme getroffen haben.

Neben den über 100 Wordpress-Functions kann man noch Plugins installieren, die die Functions für die Templates erweitern, beispielsweise related posts oder google map.

Begrifflich unterscheidet man bei den Template-Functions zwischen Include-Tags, Template-Tags, Template-Hooks, Conditional-Tags und The Loop. Es ist einfacher als es klingt. Eine hervorragende und leicht verständliche Zusammenfassung findet man auf WordPress-Themes verstehen 1 | Peruns Weblog. Mit “WordPress-Themes verstehen 1” startete Perun eine dreiteilige Artikelserie über den Aufbau der WordPress-Themenvorlagen. Wenn man diese drei Teile durchgearbeitet hat, kann man auch eigene Themes erstellen!

Screenshot: mögliche Suchkriterien für Wordpress-Plugins

Wir werden uns mit folgenden Plugins beschäftigen: Galerien, Widget-Galerie, Meistgelesen, Zufallsartikel, Google-Maps, Statistik, SEO, Rechte-Verwaltung, Shop, related posts, php-code, upload, download.

Ich empfehle, bei den Plugins ausführlich zu recherchieren und einige zu installieren und zu testen.

Screenshot: Themes

Mit Themes verwalten | hinzufügen kommt man in den Auswahlbereich für Themes. Diese Optionen gibt es bei der Installation am Localhost nicht, man kann aber Themes im Internet finden (Suchmaschine: wordpress themes). In diesem Fall lädt man mit Hochladen das gefundene zip-Archiv hoch.

Die Themes werden beim Installationsvorgang automatisch entpackt und in den Ordner wp-content/themes kopiert. Ein Theme besteht aus mehreren Dateien – dem Stylesheet, den Design-Grafiken und den PHP-Seitenvorlagen (templates).

Screenshot: Themes suchen

Ein Theme besteht aus einem Ordner mit verschiedenen php-Dateien zur Anzeige, dem Stylesheet und den Design-Grafiken und befindet sich im Ordner wp-content/themes.

Screenshot: Die Template-Dateien

Die einzelnen Theme-Dateien können im Bereich Design | Editor editiert werden. Das Stylesheet wird rechts unten gewählt, die einzelnen Template-Dateien rechts neben dem Editor-Fenster.

Screenshot: Stylesheet im Theme-Editor

Änderungen am Stylesheet nimmt man am besten in Kombination mit dem Firebug von Firefox vor. Das beschreibe ich in einem eigenen Artikel.

Wie viele Spalten die Seitenleiste hat, hängt vom Theme ab. Themes kann man im Bereich Designs | Themes installieren, aktivieren und verwalten. Bei der Suche nach Themes kann als Kriterium festgelegt werden, wieviele Spalten das Design haben soll. Die Frage nach der Anzahl der Spalten hängt vom Unfang der Inhalte und dem Design-Konzept ab.

Beispiel: 2 Spalten: Text- bzw. Bildbereich und eine Navigationsleiste mit alles Widgets auf http://standpunkte.at.

Beispiel jomo.org: 3 Spalten: Der Textbereich wird links und rechts von einer Navigationsleiste eingerahmt. Links ist die Themenbezogene Navigatione, rechts die allgemeine.

Beispiel: 3 Spalten, Textbereich, schmaler Bildbereich, Navigationsbereich auf http://www.festivalfantastika.at

Beispiel: 3 Spalten: Textbereich vorwiegend mit Fotogalerie, Navigation (neben den allgemeinen Seiten nur eine Kategorie), ganz rechts die Spalte mit 3 aktuellen Fotos auf http://www.ueberraschungseier.at.

Bei der Installation wird eine Standard-Einstellung mit Widgets gezeigt, für die eigenen Bedürfnisse werden die Widgets im Admin-Bereich Design | Widgets angepasst. Die Widgets werden einfach von links nach rechts an die enetsprechende Position gezogen und dort konfiguriert (Titel, Optionen).

Screenshot:Bei der Installation mitgelieferte Widgets

Wichtige Widgets sind Kategorien, Letzte Artikel, Seiten, Suchen, Tag-Wolke, Letzte Kommentar, RSS. Meta gibt einen Link auf die Administration an. Weitere Widgets wie beispielsweise ein Zufallsbild, meistgelesen, Zufallsartikel, Google-Kalender, SEO (Suchmaschinenoptimierung), PostPerCategory können als Plugin installiert werden (Plugins | Installieren). Nach der Installation und Aktivierung von Widget-Plugins sind sie in Design | Widgets gelistet und können hinzugefügt werden.

Screenshot: Widgets meistgelesen, Zufallsartikel, Zufallsbilder auf http://jomo.org

Seiten sind inhaltlich allein stehende Inhalte, wie beispielsweise Impressum, Kontakt, Über uns, Das Team.

Wie Seiten und Artikel organisiert werden, hängt vom jeweiligen Projekt ab. Einfache Webseiten können ausschließlich mit Seiten organisiert werden, komplexere Projekte haben auch Artikel. Die neuesten Artikel werden auf der Startseite angezeigt, alle Artikel sind über die Kategorien erreichbar.

Beispiel: Schülerinnenprojekte http://www.vitaquelle.at mit Seiten.
Beispiel: Mein Projekt http://standpunkte.at mit Artikel in Kategorien.
Beispiel: Dieses Projekt mit Artikel in Kategorien und Unterkategorien.

Seiten bzw. Artikel werden in den Admin-Bereichen Seiten bzw. Artikel angelegt oder verändert. Die Kategorien werden im Admin-Bereich Artikel administriert.

Beim Einstieg in die Administration erscheint das Dashboard. Links ist die Menüleiste mit den einzelnen Administrationsbereichen. Im mittleren und rechten Content-Bereich befinden sich verschiedene Module, die mit Optionen einblenden rechts oben konfiguriert werden können.

Screenshot: Das Dashboard

Für Auftraggeber lasse ich nur folgende Module in der Übersicht anzeigen, alles andere verwirrt nur. Später werden wir noch die Zugriffsstatistik hinzufügen.

Screenshot:Die Optionen

Die Anordnung kann man durch Drag & Drop im Titelbereich verändern. Ich bevorzuge folgende Anordnung. Unter Aktuell – Auf einen Blick kommt dann die Statistik.

Screenshot:Mein Dashboard

Die einfachste Möglichkeit, mit Wordpress zu arbeiten, bietet wordpress.com. Man kann sich registrieren und erhält eine Wordpress-Installation mit der gewählten Subdomäne: http://username.wordpress.com.

Diese Wordpress-Installation ist gratis, allerdings auf einfache Features beschränkt: Man kann zwischen verschiedenen vorgegebenen Designs wählen, die Stylesheets oder Template-Dateien allerdings nicht ändern.

Diese Variante wähle ich im Unterricht vorübergehend, um Wordpress kennen zu lernen und um kleine Projekte mit Seiten, Artikel und Kategorien zu realisieren und ein Gefühl für das Texten und die inhaltliche Konzeption von Projekten zu erhalten.

Installation und Konfiguration von Wordpress auf einem Server bzw. am Localhost

Für professionelle Projekte genügt die Installation auf wordpress.com nicht. Firmen oder Vereine brauchen eine eigene Domäne, ein eigenes Design und die Erweiterung der Basisfeatures mit Hilfe von Plugins.

Download der aktuellen Version von http://wordpress.org bzw. http://wordpress-deutschland.org/, den Ordner je nach Projekt umbenennen und entpackt auf den Server kopieren oder am Localhost in den Ordner htdocs stellen.

Achtung: Bei Projekten mit eigener Domäne soll nur der Inhalt des Wordpress-Ordners auf den Server kopiert werden, damit dann die URL nicht http://www.domäne.at/wordpress heißt. Die Startseite heißt index.php; wer eine statische Introseite haben will, nennt sie im gleichen Ordner index.html.

Bei der Installation müssen folgende Daten vorliegen: DB-Name, DB-Username, DB-Passwort. Die Daten werden entweder in die Datei wp-config.php geschrieben oder beim Installationsvorgang eingegeben. Die Daten erhält man vom Provider. In meinem Fall erhalten meine Schüler/innen Zugangsdaten auf meinem eigenen Server oder auf dem Schulserver. Diese Zugangsdaten haben nichts mit dem Administrationszugang von Wordpress zu tun und sollen nicht verwechselt werden.

Zusätzlich muss man bei der Installation ein Tabellenpräfix eingeben, die Standardeinstellung ist wp_. Wenn man in der gleichen Datenbank mehrere Wordpress-Instanzen installieren will/muss, wählt man pro Installation ein eigenes Präfix. Dadurch werden die Tabellen nicht überschrieben und können richtig zugeordnet werden. Für mehrere kleinere Projekte genügt daher eine einzige Datenbank. Wer einen Zugang zur Datenbank hat, beispielsweise mit PhpMyAdmin, kann die Tabellenpräfixe und die Tabellen sehen.

Einstellen des Bildmodus auf RGB. Dieses Farbsystem wird bei Bildschirmfarben verwendet. Grafikdateien für das Internet sollen in diesem Modus vorliegen.

Einstellen der Farbtiefe: Für den Speicherbedarf einer Grafik spielt es eine Rolle, wieviele Farben pro Pixel möglich sind (8-, 16-, 24 Bit). Man muß sich überlegen, für welche Bilddateien jeweils 256, 64.000 oder 16 Mio Farben nötig sind. Es lohnt sich, mit der Bildbearbeitungssoftware Versuche zu machen.

Die Bildgröße in Pixel muß in der Bildbearbeitungssoftware festgelegt werden. Manche Software-Produkte bieten als Option das Erstellen von “Thumbnails” (kleinen Bildern) an. Diese Funktion ist recht praktisch zum Erstellen einer Bildvorschau. Grundsätzlich gilt aber, dass es besser ist, für kleinere Versionen von Bildern diese nicht einfach maßstabsgetreu zu verkleinern, sondern einen Ausschnitt herauszunehmen und diesen dann (nicht mehr so stark) zu verkleinern. Das läßt Details noch sichtbar und macht die kleinen Bilder interessanter.

Bilder sollen auf jeden Fall auf Helligkeit/Kontrast und Schärfe kontrolliert werden, meistens muß in diesen Bereichen nachgebessert werden. Eine Korrektur der Tonwerte sowie die Wahl eines ansprechenden Bildausschnittes verbessern die ästhetische Qualität von Bildern.

Weitere Komponenten kann man mit Hilfe einer Suchmaschine oder auf http://www.joomlaos.de oder auf http://www.joomla.org finden. Da gibt es Bildergalerien, Kalender, Gästebücher, Foren und alles mögliche andere. Am Besten man verschafft sich einmal einen Überblick über die Angebote, um Joomla-Projekte besser planen zu können.

Die Kontakt-Komponente erlaubt eine einfache Organisation von Kontakt-Formularen. Die Firmen-Mitarbeiter/innen werden einzelnen Firmen-Kategorien zugeordnet (beispielsweise Rechnungswesen, Kundenbetreuung, Leitung), dann kann ein Menü-Punkt auf einen einzelnen Kontakt oder eine Kontakt-Kategorie gesetzt werden.