Eigenes Design

Ich möchte für dieses Blog kein fertiges Template verwenden, sondern selbst eins basteln. Dazu fange ich mit einem “leeren” Template namens “Tabula Rasa” an, das ich hier heruntergeladen habe, entpackt und auf meinen Webspace unter wp-content/themes kopiert und anschließend im Admin-Bereich unter Themes -> Theme-Editor aktiviert habe.
Da die style.css völlig leer ist, sieht mein Blog sehr seltsam aus:

Das Menü und die einzelnen Einträge stehen untereinander.

Ich füge eine Hintergrundfarbe ein und setze die Sidebar, die eine andere Hintergrundfarbe bekommt, nach rechts. Die style.css sieht nun so aus:

body {
background: #e6e6fa;
}

#sidebar {
float: right;
border: 1px solid #cccccc;
background: #ffffff;
}

Das macht das Ganze schon ein wenig übersichtlicher:

Bilder einrahmen

Die Bilder, die ich hier einfüge, sollen einen Rahmen erhalten, damit sie sich besser vom Hintergrund abheben. Hierfür definiere ich in der style.css eine neue Klasse “.img” mit dem Inhalt border: 1px solid #000000;

In den img src-Code jedes Bildes schreibe ich nun class=”img”, damit erhält jedes Bild den schwarzen Rand. Vermutlich kann man den Image-Browser auch so ändern, dass diese “class” automatisch in den Code jedes Bildes übernommen wird, aber das werde ich später mal versuchen, herauszufinden.