Gravatar - Smarty TAG
27.03.2008 | Programmierung,Smarty | kevin | 3 Kommentare
Gravatare sind global verfügbare Avatare, wie wir sie bereits seit Jahren aus Foren kennen. Aber Gravatare sind auch noch viel mehr, denn sie verfolgen uns über alle Blog Grenzen hinaus. Für die Einbindung gibt es fertige Plugins für viele Blog Systeme und ab heute auch ein SMARTY TAG, um diese in jedem beliebigen Smarty Template anzuzeigen - hier zum Download!
Was sind Gravatare?
Gravatare sind "globally recognized avatar" also übersetzt soetwas wie "global anerkannte Avatare".
Die Technik ist recht simpel, man erstellen sich einmal einen Account auf gravatar.com mit seiner Email Adresse. Anschliessend lädt man ein Bild hoch, das im nächsten Schritt automatisch verkleinert wird bzw. man kann sich auch einen bestimmten Bereich aus diesem Bild auswählen, wenn es zu groß sein sollte. Die Standard Maße sind 80*80 Pixel. Nachdem Email Adresse und Bild verknüpft sind, werden auch schon Bilder angezeigt (selbst in Blogs wo Ihr früher mit der Adresse gepostet habt!)
Wollt Ihr nun als Betreiber ein Gravatar in Eurem Blog bzw. der Webseite anzeigen, muß zuallererst die Email Adresse der Kommentierenden bekannt sein, da aus diesen ein Code errechnet wird mit Hilfe dessen das Bild vom Gravatar Server geladen werden kann. Ihr könnt die URL selbst berechnen oder je nach Software eins der verfügbaren Plugins benutzen.
Es gibt zudem noch die Möglichkeit das hier angebotene Smarty TAG zu nutzen um sich so die doppelte Arbeit zu ersparen.
Das {gravatar} Smarty TAG
Um ein Gravatar anzuzeigen benötigt Ihr:
- das smarty-gravatar.zip
- natürlich ein beliebiges Smarty Template um es einzubinden
Nützlich ist es auch, Email Adressen zum Testen bzw. einen eigenen Account zu besitzen, um zu sehen ob alles richtig läuft.
Das ganze steht zur freien Benutzung und Verbreitung bereit. Lizensiert unter der GPL.
Code Beispiele
<img src="{gravatar email="example@example.com" size="40" default="http://www.example.com/default_gravatar.jpg"}" height="40" width="40">
<img src="{gravatar email="example@example.com"}">
{gravatar email="example@example.com" size="30" rating="X" assign="gravatarURL" default="http://www.example.com/default_gravatar.jpg"}
<img src="{$gravatarURL}" height="30" width="30">
Parameter
- email - die Email Adresse um das Gravatar zu berechnen (benötigter Parameter)
- default - absolute URL zum Standard Bild, welches angezeigt wird, falls kein Gravatar existiert oder ein falsches Rating besitzt
- size - die Gravatar Größe in Pixeln
- rating - das höchstmögliche rating das angezeigt werden darf [ G | PG | R | X ]
- assign - falls die URL weiterverarbeitet oder z.B. mehrfach verwendet werden soll, kann man diese benannte Smarty Template Variable gebunden werden, anstatt sie direkt auszugeben
Standard Gravatar
Zu einem gelungenen Layout gehört unbedingt ein Standard Gravatar, der genutzt wird, falls der User selbst keine Gravatar besitzt.
Die folgenden Bilder sind als Idee für die eigene Webseit gedacht (stammen aus dem Netz):
48*48
40*40
Download
Freue mich über Euer Feedback!
oder das Lesezeichen mit anderen Menschen teilen?!? Dann los:
liebe grüße,
nico
ich kenne Wordpress nicht so gut, schätze aber mal das Du entweder nur die Standard Grafik in Deinem Webroot austauschen oder aber den HTML/PHP Code in der comments.php (oder wie die datei auch heissen mag) deines Themes anpassen musst, um eine neue URL zu hinterlegen.
Mit dem Smarty TAG ist es ja denkbar einfach die URL anzuhängen.