CSS ist die Abkürzung für Cascading Style Sheets. Damit kannst Du die Farben und Hintergrundbilder, die Anordnung der Navigationsleiste (Sidebar), die Anzahl der Spalten im Design usw. anpassen. Mit Wordpress 1.5 wurde die individuelle Gestaltung Deines Blogs durch die Nutzung von Templates nicht bloß erweitert, sondern sie wurde fast grenzenlos.

Inhaltsverzeichnis 1 WordPress-Themes und CSS 1.1 Template Dateien 1.2 Template Tags 1.3 CSS - Cascading Style Sheets 1.4 CSS Nachschlagwerke

[bearbeiten] WordPress-Themes und CSS

Ein WordPress-Theme ist eine Kombination aus Template Dateien, Template Tags, und einer CSS-Datei. Alles zusammen ergibt das Design oder Seitenlayout Deines Blogs.

[bearbeiten] Template Dateien

Die Basistruktur von WordPress Themes ist ein Baukastensystem. Die Template Dateien sind die einzelnen Bausteine.z.B.: Header (Kopfteil), Sidebar (das Menü), Content (der Inhalt) und Footer (die Fußzeile) ergeben zusammen eine WordPress Seite.

Dieses Baukastensystem der Template Dateien ermöglicht Dir, jede einzelne Seite Deines Blogs anders aufzubauen. z.B.: Du magst auf der Startseite das komplette Menü (sidebar) anbieten, aber wenn jemand Deinen Artikel liest soll er die Sidebar nicht sehen. Du möchtest die erste Seite zweispaltig anbieten, klickt jemand auf eine Kategorie soll es dreispaltig werden u.v.m.

[bearbeiten] Template Tags

Template Tags sind sogenannte Codeschnipsel, die Informationen aus der WordPress Datenbank zur Verfügung stellen. Viele dieser Template Tags kannst Du individuell konfigurieren, z.B.: Du möchtest, dass auf der Startseite nur ein Auszug Deines Artikels zu sehen ist und dann ein Link zum vollständigen Artikel erscheint. Du hast einen sehr langen Artikel und der soll in einzelne Seiten aufgeteilt werden. Du willst, dass der Autor pro Artikel sichtbar ist oder eben nicht. Auf Deiner Startseite sollen alle Links in der Sidebar sichtbar sein, beim Klick auf eine Kategorie aber nur ganz bestimmte. Was Template Tags alles können und wie sie funktionieren findest Du unter Template Tags.

[bearbeiten] CSS - Cascading Style Sheets

CSS ist das I-Tüpfelchen jedes WordPress Themes und jeder Internetseite. XHMTL ist die Abkürzung für "Extensible HyperText Markup Language", dies ist die Auszeichnungssprache des Internets. Sie bietet mit speziellen Tags die Möglichkeit Überschriften, Textblöcke, Links, Listen, Bilder u.v.m. anzuzeigen. Jeden dieser XHTML-Tags kannst Du mit Hilfe einer CSS-Datei ganz individuell gestalten. Ohne CSS würde jede Internetseite weißen Hintergrund, schwarze Schrift haben, der Text wäre hier und da eingerückt oder nicht. Es gäbe keine Farbe und keine Hintergrundbilder und die Template Dateien wären fast völlig umsonst, weil jede Seite einspaltig wäre.

Mit CSS kannst Du z.B.: ein zwei-, drei- oder fünfspaltiges Layout erstellen, mit einer fixen Breite oder einer "fluiden", mit Hintergrundbildern und Farben Deine persönliche Note präsentieren.

In jeder Template-Datei findest Du diese XHTML-Tags und in der style.css findest Du die Formatierungen dazu.

[bearbeiten] CSS Nachschlagwerke

Es gibt eine Unmenge an CSS Erklärungen und Anleitungen im Internet. Du kannst diese über Google oder jede andere Suchmaschine finden. Hier nur ein kurzer Auszug davon.

Cascading Style Sheets, Level 2
W3C-Empfehlung, 12. Mai 1998, deutsche Übersetzung von Judith Muhr und Stefan Mintert
Einführung in XHTML, CSS und Webdesign,
CSS4you

CSS Troubleshooting