Neue Plugins (4): Mit „Gravatar“ Besuchern ein Gesicht geben

1. Was sind Gravatare?

Ein Gravatar ist ein Benutzerbild (Avatar), das von seinem Besitzer in einer Art zentralem Register (gravatar.com) abgelegt und dort mit einer E-Mail-Adressen verknüpft wurde. Wenn jemand in einem Kommentar diese E-Mail-Adresse verwendet, schlägt dein Weblog den zugehörigen Avatar nach und stellt ihn links oder rechts neben dem Kommentar dar (hier ein praktisches Beispiel.). Auf diese Weise kann ein Avatar von seinem Besitzer zentral verwaltet und auf zahlreichen Foren und Weblogs eingesetzt werden, ohne dass er ihn jedes Mal neu hochladen müsste.

2. Wie binde ich Gravatare in meinem Weblog ein?
  1. das Gravatar-Plugin aktivieren;
  2. unter „Verwalten -> Dateien“ das Comments-Template aufrufen;
  3. innerhalb der foreach-Schleife (also dort, wo die Kommentare behandelt werden) den Befehl <img src="{gravatar}"/> einfügen.

In den geschweiften Klammern können bis zu vier Paramater ergänzt werden:

  • rating: durch Angabe einer Rating-Stufe (G, PG, R, X) können obszöne und gewaltverherrlichende Avatare herausgefiltert werden (siehe FAQ und rating guidelines);
  • size: Größe in Pixeln;
  • default: Pfad zu einem Default-Avatar, falls der Benutzer selbst keines besitzt;
  • border: Farbe eines 1px breiten Rahmens außen rum (geht irgendwie nicht).
3. Beispiel (schwarzer Rand, 80 Pixel Standard-Größe):

Das Fettgedruckte ist das, was du einfügen musst:

  {foreach from=$comments key=key item=comment}
        {globalvar var='comment' value=$comment}
	<li id="comment-{comment_ID}">
	
<img class="gravatar" width="80" height="80" src="{gravatar size='80'
     default='http://main.blogsport.de/images/blank_gravatar.png'}" />
	
	{comment_text}
	<p><cite>{comment_type} {_e text=‘von‘} {comment_author_link}
	— {comment_date} @
	<a href="#comment-{comment_ID}">{comment_time}</a></cite>
	{edit_comment_link link=‘Bearbeiten‘ before=‘ |‘}</p>
	</li>
  {/foreach}

Nachdem du auf „update template“ gedrückt hast, musst du die Gravatare noch etwas in Form bringen, d.h. ihnen ein Layout geben. Das machst du ebenfalls unter „Verwalten -> Dateien“ im Template Site Style Sheet. Dort fügst du Folgendes hinzu:

.gravatar {
	margin: 3px 12px 10px 0;
	border: 1px solid #000;
	padding: 2px;
	float: left;
}

Manchmal kann es passieren, dass bei besonders kurzen Kommentaren der nächste Avatar neben statt unter dem vorherigen dargestellt wird. Das kannst du verhindern, indem du im Site Style Sheet nach der Angabe „commentlist li“ suchst und dort in den geschweiften Klammern die folgende Angabe ergänzt:

	clear: left;

8 Antworten auf „Neue Plugins (4): Mit „Gravatar“ Besuchern ein Gesicht geben“


  1. Gravatar Icon 1 gigi 17. September 2005 um 4:41 Uhr

    Links siehst du ein Beispiel für einen Gravatar! ;-)

  2. Gravatar Icon 2 gigi 17. September 2005 um 4:43 Uhr

    Und dies hier ist das Default-Gravatar!

  3. Gravatar Icon 3 Steve 18. September 2005 um 14:24 Uhr

    Ich will auch mit meinem Gravatar angeben!

  4. Gravatar Icon 4 Flo 04. April 2006 um 18:12 Uhr

    Ich habe n Problem mit K2 und den gravatar plugin. Habe auch schon weitere versucht jedoch ohne Erfolg. Wo soll ich den genau das Fettgedruckte mit den Befehl einfügen in der comments.php ? Entweder ich bekomme nix angeziegt, Fehler und mit anderen Plugins kann ich mit der css nichts ausrichten. :((

  5. Gravatar Icon 5 gigi 04. April 2006 um 22:29 Uhr

    Das Gravatar-Plugin ist schon in K2 integriert. Du musst es nur noch aktivieren. An den Dateien brauchste nichts zu ändern!

  6. Gravatar Icon 6 Flo 06. April 2006 um 19:37 Uhr

    Mhh in meinen nicht, oder ich habe es übersehen und einfach überschrieben. :o

    Mhh habe nun welche, leider habe ich kein wirklichen einfluss auf die ausrichtung (in der CSS) ebenso wird kein link zu gravatar.com angenommen.

    “ alt=“www.gravatar.com“ />

  7. Gravatar Icon 7 test 21. April 2007 um 13:55 Uhr

    kann wieder gelöscht werden..

  8. Gravatar Icon 8 Nelson 19. Juli 2007 um 15:53 Uhr

    Wollte nur wissen, ob mein Gravatar auch endlich mal geht ;)

Antwort hinterlassen

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »

XHTML: Du kannst diese Tags benutzen: <a href=""> <abbr title=""> <acronym title=""> <b> <blockquote> <code> <em> <i> <strike> <strong>