Die winzige Datei ist ein Weltmeister im automatischen/serverseitigen Generieren von neuen Formaten und Ausschnitten von Bildern (gif, jpg, png). Klar, dass dieses Script ein Liebling von Theme-Designern ist, stellt es doch sicher, dass Bilder immer im richtigen Format an der richtigen Stelle auftauchen.

Und so funktioniert’s

Kopiere die Datei timthumb.php in das Verzeichnis Deines aktuellen Themes.

Erstelle einen Artikel und uploade ein beliebiges Bild. Füge es aber nicht in Deinem Artikel ein, sondern kopiere nur die Bildadresse. Diese erhältst Du entweder, indem Du im Uploadfenster auf das Bild selbst mit der rechten Maustaste klickst und =>Grafikadresse kopieren anklickst (FireFox).

Dann bestätigst Du =>Alle Änderungen speichern und schließt das Download-Fenster.

Nun kommt wieder ein Spezialfeld zum Einsatz

Unter dem großen Texteingabefenster findest Du eine Box namens “Spezialfelder“. Klicke dort auf =>Neu anlegen und gib einen Namen für Dein neues Spezialfeld ein, z.B. “meinbild”. Füge im Textfeld “Wert” die vorher kopierte Grafikadresse ein.

Diese Information kann nun für Dein TimThumb genützt werden.

Wert eines Spezialfeldes anzeigen lassen

Dort wo Du ein Bild in einem automatisch generierten, definierten Format anzeigen willst, fügst Du folgenden Code ein:
[php]
<img src="<?php echo bloginfo(‘template_url’); ?>/timthumb.php?src=/<?php
$values = get_post_custom_values("meinbild"); echo $values[0]; ?>&w=40&h=40&zc=1&q=100"
alt="<?php the_title(); ?>" class="left" width="40px" height="40px" />
[/php]
Dies ist nur ein Beispiel von vielen, wie ein Wert aus einem Spezialfeld in Deinen Artikel “gezaubert” werden kann. Weitere Beispiele findest Du etwa in den Themes von Elegantthemes.

Download: timthumb.php (gezipped)

Das zip-Paket enthält sämtliche benötigte JavaScript-Dateien (basiert auf jQuery) und eine Musterdatei, aus der Ihr Euch den Code holen könnt. Im Einsatz seht Ihr es auf eliZZZa.net (die Leiste rechts).

Download: ZIP Tabbed Sidebar, jQuery