nachtgedanken

da jetzt schon mehrfach anfragen kamen, wie ich die wechselnden fotos im kopf dieser seite realisiert habe, hier nun eine kurze anleitung. ein paar klitzekleine php kenntnisse werden vorausgesetzt.
der einfachheit halber folgendes vorab: alle unten genannten verzeichnisse liegen innerhalb des themes verzeichnisses. d.h. also hier: /wordpress/wp-content/themes/.

zunächst mal basiert der mod hier auf dem kubrick theme und ist deshalb auch anhand dessen erklärt. er dürfte aber auch mit jedem anderen theme realisierbar sein.

als erstes wechseln wir in das themes verzeichnis und legen uns einen ordner headpics unterhalb des entsprechenden themes an. da kubrick das default theme bei wp ist, sieht das in etwa so aus: /default/headpics.

jetzt erstellen wir alle grafiken, die später im seitenkopf erscheinen sollen. die müssen natürlich entsprechend zugeschnitten und bearbeitet werden. dafür rufen wir die default grafik /default/images/kubrickheader.jpg in z.b. photoshop auf und arbeiten unsere bilder darin ein. anschließend exportieren wir sie als jpgs mit fortlaufenden namen. also z.b. bild_1.jpg, bild_2.jpg, bild_3.jpg, …
dann legen wir sie im taufrischen ordner headpics ab.

in unserem lieblingseditor rufen wir die datei header.php aus dem entsprechenden themes verzeichnis (hier /themes/default/) auf.
im quellcode suchen wir die css auszeichnung für den header. beim default theme dürfte das etwa um zeile 31 herum sein. die auszeichnung heisst: #header { ... }.

in der zeile davor fügen wir folgenden php code ein:

< ?php $header_nr = rand(1,30); ?>

hierbei ist zu beachten, dass die zahl 30 in diesem fall für meine 30 bilder steht. sind mehr oder weniger bilder im ordner headpics abgelegt, dann ist die zahl entsprechend anzupassen.

die css auszeichnung für den #header selbst ändern wir wie folgt ab:

#header {
background:
url("< ?php bloginfo('stylesheet_directory'); ?>
/headpics/bild_< ?php echo $header_nr; ?>.jpg”) no-repeat bottom center; }
(ohne zeilenumbrüche)

alles speichern und das blog neu laden. das sollte es gewesen sein.

das ist sicherlich eine extrem einfache und schnelle lösung. vielleicht mache ich mich bei gelegenheit mal daran, das ganze etwas komfortabler zu gestalten.

Dieser Eintrag wurde am Montag, den 29. Mai 2006 um 13:09 Uhr erstellt und ist in der Kategorie Design, Web, Software, Privat zu finden. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.