03 März 2009 ~ 5 Comments | ÄHNLICHE ARTIKEL

[Update] WordPress Header-Image abhängig von Uhrzeit


Diesen Artikel drucken Diesen Artikel drucken
Diesen Artikel vorlesen Diesen Artikel vorlesen

Wie schon in einem früheren Artikel beschrieben, ist es (zumindest im Kubrick-Theme) relativ einfach möglich, das Header-Bild mit Hilfe von ein bissel PHP-Scripting dynamischer zu gestalten – in meinem Fall wird derzeit z.B. zufällig zwischem dem deutschen und dem englischen Slogan gewechselt ;) .

Nun kam bei jemandem die Idee auf, das Header-Bild in Abhängigkeit von der Uhrzeit zu wechseln – eine schöne kleine Fingerübung, wie ich fand :D . Deswegen habe ich schnell etwas zusammen-geschrieben – ist wirklich nicht viel, nur ein assoziatives Array in Verbindung mit der date()-Funktion von PHP:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
  $headerimg = "./kubrickheader.jpg"; // default header image

  // defines which header image is to be shown at which hour
  // REPLACE GIVEN IMAGE PATHS WITH YOUR IMAGE PATHS
  $headerarray = array("00" => "./headerimg00.jpg",
                       "01" => "./headerimg01.jpg",
                       "02" => "./headerimg02.jpg",
                       "03" => "./headerimg03.jpg",
                       "04" => "./headerimg04.jpg",
                       "05" => "./headerimg05.jpg",
                       "06" => "./headerimg06.jpg",
                       "07" => "./headerimg07.jpg",
                       "08" => "./headerimg08.jpg",
                       "09" => "./headerimg09.jpg",
                       "10" => "./headerimg10.jpg",
                       "11" => "./headerimg11.jpg",
                       "12" => "./headerimg12.jpg",
                       "13" => "./headerimg13.jpg",
                       "14" => "./headerimg14.jpg",
                       "15" => "./headerimg15.jpg",
                       "16" => "./headerimg16.jpg",
                       "17" => "./headerimg17.jpg",
                       "18" => "./headerimg18.jpg",
                       "19" => "./headerimg19.jpg",
                       "20" => "./headerimg20.jpg",
                       "21" => "./headerimg21.jpg",
                       "22" => "./headerimg22.jpg",
                       "23" => "./headerimg23.jpg");

  $currentHour = date("H"); // return hour with leading zero

  // if file does not exist: keep default header image
  if (file_exists($headerarray[$currentHour]))
  {
    $headerimg = $headerarray[$currentHour];
  }

  // write header
  header("Location: " . $headerimg);
  header("Content-Type: image/jpeg");

Der Quelltext ist so einzubinden, wie auch schon im verlinkten Artikel beschrieben – durch das kleine Script kann man bestimmen, in welcher Stunde welches Bild angezeigt werden soll. Mit ein bissel Arbeit kann man das ganze natürlich auch granularer gestalten – bis hin zur Definition von Feiertagen, etc.

Für den Anfang sollte es jedenfalls reichen :) .

Und nicht vergessen: Ich hafte nicht für Schäden an Software, Hardware oder für Vermögensschäden, die durch Anwendung dieser Änderungen entstanden sind oder entstehen könnten. ;-)

Update:
Leider muss ich eine kleine Korrektur weitergeben: das ganze muss natürlich date(“H”); heißen und nicht date(“G”); – zweiteres gibt die Stunde nämlich ohne führende Null zurück :D !

Stündliche Grüße, Kenny



Ähnliche Artikel:

  • [Update] Kleine Änderungen
    Wie ich gerade feststellen durfte, gibt es nun WordPress in der Version 2.7.1 mit fast 70 behobenen Fehlern - natürlich habe ich sofort auf die neue Version umgestellt. Weiterhin habe ich nun ein kleines Feature implementiert - das ganze war eine...
  • Kommentare deaktivieren im BlogTheme
    Vor ein paar Monaten habe ich euch erklärt, wie ihr ein besseres Menü für BlogTheme erstellen könnt. Es gibt jedoch noch eine Sache, die man relativ einfach implementieren kann. :-) Und zwar habe ich das Problem, dass es einige Seiten gibt, auf...
  • Mercury/32 deinstallieren
    Ich habe gestern Abend meinen Server neu eingerichtet. Neben freeFTPd und freeSSHd habe ich mich auch dazu entschieden gehabt, Mercury/32 zu installieren. Leider ist das Programm nicht so praktisch, wie ich es mir erhofft hatte. Deshalb wollte ich...
  • Global WebReader
    Nachdem der Google Translator mich die letzten Wochen gehasst hat, funktioniert es nun endlich wieder :D ! Und natürlich möchte ich immernoch, dass der übersetzte Text vorgelesen wird. Um das zu erreichen, hatte ich ja schon früher an einer m...
  • WordPress-Trash ohne automatische Leerung
    Wie ihr evtl. schon mitbekommen habt, enthält WordPress seit der Version 2.9 einen Papierkorb, in den "gelöschte" Artikel und Kommentare verschoben werden. Einträge, die im Papierkorb liegen, werden standardmäßig nach 30 Tagen gelöscht. Die Anzahl...


4 Comments to “[Update] WordPress Header-Image abhängig von Uhrzeit”

  1. WhiteSh4rk 31 März 2009 at 00:04 Permalink

    Meiner Meinung viel zu kompliziert. Viel zu viel Schreibaufwand; und dafür nen Array zu nehmen ist auch mehr als umständlich.

    Da du eh auf existierndes Bild hin prüfst, wieso prüfst du nicht gleich:

    $timedHeaderImage = ‘./headerimg’.date(”H”).’.jpg’;

    if (file_exists($timedHeaderImage)
    {
    $headerimg = $timedHeaderImage;
    }

    • Mea Culpa 31 März 2009 at 09:57 Permalink

      Danke für den konstruktiven Kommentar – ist mit deiner Variante in der Tat wesentlich kürzer :D !
      Setzt jedoch voraus, dass man für jede Stunde wirklich ein Bild auf dem Server liegen hat ;) .

  2. Viermalbe 4 März 2009 at 09:40 Permalink

    Zum Update: Bei mir hat es aber auch mit dem “G” funktioniert… nunja, habs mal geändert. :-) So langsam geht die Sonne auf :-)

    • Mea Culpa 4 März 2009 at 09:50 Permalink

      Ja klar! Gestern Nachmittag hat es mit dem G funktioniert – da war die Stundenzahl ja auch zweistellig – als ich heute Nacht um 2 zu Besuch war, wurde halt der blaue Himmel angezeigt ;) .


1 Trackbacks to “[Update] WordPress Header-Image abhängig von Uhrzeit”

Leave a Comment

Dir stehen verschiedene Möglichkeiten zur Verfügung, um deinen Beitrag optisch zu gestalten. Möglichkeiten anzeigen

fett
[b]Text[/b]
blinkend
[blink]Text[/blink]
kursiv
[i]Text[/i]
überstrichen
[o]Text[/o]
durchgestrichen
[s]Text[/s]
runtergestellt
[sub]Text[/sub]
hochgestellt
[sup]Text[/sup]
unterstrichen
[u]Text[/u]
Farbe
[color=Farbe]Text[/color]
Schriftart
[font=Schriftart]Text[/font]
Größe
[size=Größe]Text[/size]
Mail-Adresse
[mail=Adresse]Beschreibung[/mail]
URL-Adresse
[url=Adresse]Beschreibung[/url]
Bild
[img=Adresse]Beschreibung[/img]
143
no-www.org extra-www.org

Datenbank: 80 Abfragen in 0.7070.707 Sekunden