Header jetzt mit Banner Rotator – Random Image via PHP

Im Zuge meines neues Designs konnte ich mich nicht wirklich für eine endgültige Header Version entscheiden und habe mich nach den Auswertungen Eurer Antworten und Vorschläge auf meine Frage dazu entschieden, zuerst einmal das Header Image umzudrehen und dann auf dem freien Platz rechts einen PHP Banner Rotator einzubauen, also mehrere RSS Bilder als Random Image mit PHP einzubinden.

So gibt es derzeit drei Header Versionen. Einmal habe ich diesen Platz einfach frei gelassen, da dies tatsächlich der Spitzenreiter bei Euren Antworten war. Weiter gibt es den lustigen Feed Roboter und den auf der Bank sitzenden FeedReader als Image, die mit einem PHP Random Script, dank dieser interessanten Anleitung für die Random Banner Rotation, jetzt in meinen Header integriert sind. Natürlich ist jeweils nicht nur das passenden Image in einem Banner Rotator eingebunden, sondern auch die entsprechende Funktion, also der Link zu meinem Feed.

Das waren zwar nicht wirklich die Top 3 aus Euren Antworten, denn dort lag eigentlich das Toastbrot auf Platz 2, das mir aber weder inhaltlich noch farblich zum Header passend gefällt. Auf Platz 3 lag dann der RSS Roboter und auf Platz 4 der auf der Bank sitzende FeadReader.

Wer einen solchen Banner Rotator in seinen Blog einbinden möchte, benötigt erst einmal entsprechende Klassen in seiner CSS Datei. In diesen Klassen wird das Image als Hintergrundbild eingebunden sowie der dazugehörige Link definiert, z.B.:

#bild2 { background:url('images/…') no-repeat; width:…; height:…; ...}
a.bild2-icon { width:...; height:... !important; display: block; } 

Die Punkte sind natürlich mit den entsprechenden Details auszufüllen.

Im zweiten Schritt benötigt es dann an ensprechender Stelle im Theme den PHP Banner Rotator, der z.B. so eingebunden wird:

<?php srand((float) microtime() * 10000000);
$bild[1] = '';
$bild[2] = '<div id="bild1"><a href="http..." class="bild1-icon"></a></div>';
$bild[3] = '<div id="bild2"><a href="http..." class="bild2-icon"></a></div>';
$rn = array_rand($bild);
echo $bild[$rn]; ?>

Dies ist nun meine Version, wo ich als erstes den Platz frei lasse, also nichts in den Banner Rotator einbinde und den Platz 2 und 3 mit den entsprechenden Bildern und Link Klassen der beiden Feed Images aus meiner CSS belege.

Auf diese Weise können natürlich auch weitaus mehr Plätze im Banner Rotator angelegt werden. So wäre es auch möglich dort den ein oder anderen Werbeplatz zusätzlich zu integrieren.

Mir gefällt diese Version der derzeit drei verschiedenen Header mit dem PHP Rotator sehr gut. So muss ich mich nicht dauerhaft auf eine Version festlegen und bin ich frei im eventuellen Hinzufügen eines Werbeplatzes oder was auch immer zusätzliches an dieser Stelle.

Artikel vom: