Mein eigenes Theme (Teil 3)
23. August 2008 von Gadgetkiller
Wenn auch sehr rudimentär, haben Sie sich im Teil 1 und 2 bereits einen Blog erschaffen, wenn auch etwas im Stil der 90iger Jahre. Wir müssen uns nun daran machen, etwas “Style” hinzubringen. Dazu haben wir die Datei style.css. Doch wie bringen wird index.php dazu, dort seinen Style zu holen?
Dazu braucht es folgenden Code im index.php, am besten ganz am Anfang:
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
head und body
Bei dieser Gelegenheit sollten wir gleich noch zwei weitere Tags in index.php ergänzen. Head ist der Kopfbereich des Codes. Bis jetzt besteht dieser ja nur aus einer Zeile (siehe oben). Schreiben Sie vor diese Zeile <head> und nach der Zeile </head>.
Der Rest des Codes ist der body. Auch hier schreiben wir <body> darüber (aber unterhalb von </head> und ganz am Ende der Datei leiten wir wieder mit </body> aus.
Nun zum Style …
Die weiteren Stilelemente können wir nun zentral in der Datei style.css eingeben. Geben sie dazu erstmal folgenden Code in style.css ein und zwar unterhalb des bisherigen Textes:
body {
background: #bbbbbb url(images/bg.gif) repeat-x;
width: 960px;
color: #eeeeee;
font-size: 20px;
font-family: Verdana, Tahoma, Arial;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
}
Schauen sich sich jetzt mal den Blog an … etwas ganz Neues ist entstanden.
Kommentare
Schreibe doch einfach einen Kommentar ...
und wenn möglich, beschaffe Dir ein Gravatar!