Sie befinden hier: Hauptmenü » Blog » Gravatar - Smarty TAG
SMARTY Logo

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:

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!

War der Artikel für Euch wertvoll? Wollt Ihr Euch den Beitrag merken
oder das Lesezeichen mit anderen Menschen teilen?!? Dann los:
 

Kommentare

goofffy schrieb am 10.30.08, 10:17:

Excellent blog and very interesting information.


Nico schrieb am 11.23.08, 23:22:

Danke, doch was fehlt ist denke ich wie man ein Standart Gravatar einbaut, ich benutze Wordpress und ein eigenes Design und wollte dafür nähmlich einen anderen Gravatar nehmen finde aber bisjetzt nichts.

liebe grüße,
nico


Kevin schrieb am 11.23.08, 23:27:

Hi 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.







Captcha Code:

Impulse

Man kann Menschen in 10 Gruppen aufteilen: Die, die das Binärsystem verstehen, und die, die es nicht tun.

Unbekannt


BIGACE CMS

"Kinderleicht zu bedienen, einfach zu erweitern", so der Leitsatz des in Deutschland entwickelten und PHP basierten Web CMS.
BIGACE - mehr erfahren


Footer Links...

... sind out. Dafür LinkLove, dies ist ein DoFollow Blog! Askimet läuft und hat bisher 419 mal zugeschlagen.

Ihr könnt mich gerne auf interessante Infos aufmerksam machen, gebloggt werden kann immer ;-D

Suche

Und wenn Sie partout nicht finden, wonach Sie suchen, hier ist Ihre Chance es doch noch aufzustöbern: