team.eliZZZa * webdesign * screendesign * xhtml * css * jQuery * ajax * fragen & antworten * tutorials * community
Club der wifen Nasen – Gemeinsam sind wir schlauer!
TimThumb – automatische Thumbnails
Eines der wirklich grenzgenialen PHP-Scriptchen wurde erstmals für das WordPresse Theme Mimbo Pro entwickelt (übrigens immer noch eines meiner All-Time-Favorites) und ist nunmehr auf der Google Code Plattform zu finden.
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:
<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" />
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.
Tabbed Sidebar
So, hier ist das erste getestete und von mir empfohlene Script, eine sogenannte “tabbed Sidebar“. Damit könnt Ihr auf kleinstem Raum ziemlich viel Navigation übersichtlich unterbringen.
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).
