Sidebar
ein-/ausblenden

Autoren mit Gravatar identifizieren

Plugin für WordPress SEO

Anzeige

default Gravatar
Seit der WordPress-Version 2.5 ist es einfacher geworden, das Gravatar der Kommentar-Autoren in die Kommentare einzubinden. WordPress bietet dafür eine Funktion, die einfach nutzbar ist und einige Parameter mitbringt. Zur Verwendung und wie man das ganze einbaut verweise ich auf den Artikel „WordPress 2.5: Gravatare einfach nutzen“, in dem ich Hintergründe und Funktionsweise näher erläutere.

Mit dieser Funktion kann man allerdings mehr machen. Magazin-Style für Blogs sind aktuell sehr gefragt und viele Blogs haben eine ganze Reihe von Autoren. Es liegt also nahe, den Autor des jeweiligen Beitrags zu verlinken und vorzustellen. Auch dazu bietet WP eine ganze Reihe an Template Tags, siehe Codex.

Nun wäre es doch schön, wenn man dem Autor zusätzlich ein Gesicht verleiht. Das kann man mit unter anderem mit dem Plugin „Extended User Profile“ machen und die Autorenbeschreibung im Backend von WP aufbereiten.

Frank

Alternativ kann man das Gravatar des Autors laden, so hat er auch einfach die Verwaltung über einen Zugang. Nun funktioniert die Gravatar-Funktion get_avatar() schon wunderbar im Loop von WP und lediglich die E-Mail-Adresse muss der Funktion übergeben werden. Diese kann einfach per Template Tag get_the_author_email() ausgelesen werden.


<?php
$author = get_the_author_email();
echo get_avatar( $author, 80 );
?>

Mit diesem Code entsteht die Ausgabe:


<img alt='' src='http://www.gravatar.com/avatar/md5-Schlüssel_des_gravatar?s=80&d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fmd5-Schlüssel_des_gravatar%3Fs%3D80&r=G' class='avatar avatar-80' height='80' width='80' />

Alternativ kann auch direkt die E-Mail geholt werden, also ohne Variable.


<?php echo get_avatar( get_the_author_email(), 80 ); ?>

Die Formatierung erfolgt dann klassisch per CSS; zur Verfügung steht die Klasse avatar, die allerdings auch in den Kommentaren vergeben wird. Gleichzeitig wird aber auf Basis der Größe des Gravatars eine Klasse vergeben - bei dem obigen Syntax wäre dass avatar-80, so dass man über diese Klasse das Bild des Beitragsautors formatieren könnte.

Artikel #636, 14. April 2008 · Tipps, WordPress · 17 Kommentare · Kommentar schreiben
Tags: , , , ,
· Tweet this!
Kommentar-Feed zum Artikel · TrackBack URL · Shortlink

«
»

16 Kommentare und 1 Trackback zu „Autoren mit Gravatar identifizieren“

  1. 1
    Kommentar von Michael
    14. April 2008 um 11:02

    Gravatars nutze ich neuerdings, dafür gerne, in meinen Kommentaren. Was mir noch fehlt ist eine Art "Alt-Text", der denjenigen, die nicht wissen, was dieses Bildchen soll - und derer gibt es noch viele - erklären, wo man sich anmelden muss und was es bringt.

  2. 2
    Kommentar von ad
    14. April 2008 um 11:29

    Ist auf http://www.apfelquak.de/ auch schon länger so ähnlich im Einsatz. Kam sehr gut an und kann ich nur empfehlen. Allerdings ohne Plugin. Bin mir nicht sicher, ob ich hier den Code in den Kommentar hämmern kann bzw. darf. Bei Bedarf E-Mail an mich. ;)

  3. 3
    Kommentar von Frank Bültge
    14. April 2008 um 11:59

    @ad: aber sicher darf der Code hier rein. Die obige Lösung ist aber auch ohne Plugin, stellt aber auch nur ein Bild zum Autor dar. Für mehr dienen die Template Tags.

  4. 4
    Kommentar von Frank Bültge
    14. April 2008 um 12:02

    @Michael: Ich habe dazu ein Erklärungsfeld unter dem Kommentarfeld. Ansonsten müsste man einen title-Attribut hinzufügen und das geht nur mit einer eigenen Funktion.

  5. 5
    Kommentar von Frank Bültge
    14. April 2008 um 12:49

    @ad: Danke, dazu der Verweis auf den Artikel, in dem ich diese Lösung schon mal erklärt habe. Aber mit 2.5 muss das nicht sein, denn die im Artikel genannte Funktion erfüllt diesen Zweck, ohne Plugin. Die Funktion ist im core von WP 2.5.
    Du könntest quasi auf die Funktion ändern und so ein wenig weniger Code im Template haben. Allerdings verlierst du dann die Klassen.

  6. 6
    Kommentar von ad
    14. April 2008 um 12:52

    Oh, ok. War klar, dass du sowas schon mal hattest! :D

    Ich hatte die Idee hier her:
    http://jowra.com/journal/2006/02/gravatare-in-wordpress-ohne-plugin/

  7. 7
    Kommentar von ad
    14. April 2008 um 12:08

    Ok, dann versuchen wir es mal:

    Für den Default-Gravatar wird vorher noch folgendes definiert:

    <?php $author_gravatar_default = "http://www.apfelquak.de/images/author_gravatar.png"; ?>

    Eigentlicher Code:

    
<?php $gravatar_url = "http://www.gravatar.com/avatar.php?gravatar_id=" . md5(get_the_author_email()) . "&default=" . urlencode($author_gravatar_default) . "&size=48"; ?>
<img class="entrygravatar" src="<?php echo $gravatar_url ?>" alt="Gravatar of <?php the_author_nickname(); ?>" />
  8. 8
    Kommentar von Frank Bültge
    14. April 2008 um 14:09

    @ad: eigentlich schade, dass es um Jowra so ruhig geworden ist.

  9. 9
    Kommentar von Frabj
    14. April 2008 um 15:02

    Das war ja fix. Dankeschön, es geht.

    Viele Grüße
    Frank

  10. 10
    Kommentar von Dennis
    15. April 2008 um 15:46

    @Michael:: Die Gravatar-Funktion bietet ja die Möglichkeit, eine eigenes Default-Bildchen zu definieren, falls der Kommentator nicht bei Gravatar angemeldet ist.
    Ich habe dafür einfach ein kleines Bild mit dem Text "Gravatar?" entworfen und schon wissen die Benutzer zumindest schon, wonach sie googlen müssen, um auch mit Bild erscheinen zu können...

  11. 11
    Kommentar von Marvin
    16. April 2008 um 22:17

    Ich find die Idee auch sehr gut. Bilder bleiben ja meist noch besser in Erinnerung als Namen. Ss ist es schon cool, wenn man das eine oder andere Bildchen bei Surfen mal so wieder entdeckt. Fördert für mich auch eindeutig die Lesebereitschaft der Kommentare. Schöne Grüße. Marvin

  12. 12
    Pingback von Wordpress 2.5.1 : Zahnarzt Wiesbaden
    28. April 2008 um 10:14
  13. 13
    Kommentar von Dave
    14. Mai 2008 um 07:54

    Danke für diesen Artikel. Habe noch eine Frage. Kann man irgendwie auch den Gravatar des Autoren ansprechen, so das man diesen auch anders darstellen kann?

    Danke für jede Hilfe.

  14. 14
    Kommentar von Frank Bültge
    14. Mai 2008 um 16:12

    @Dave: aber das erklärt doch der Artikel, den Gravatar des Autors ausgeben.

  15. 15
    Kommentar von Dave
    14. Mai 2008 um 16:21

    oh das stimmt frank genau! sorry ich war die ganze zeit auf der suche danach und da habe ich es auch zu spät entdeckt, dass es hier ja steht :-) peinlich! habe diverse seiten in google gefunden!

    bin ein bisschen durch den wind, zu viel arbeit ;-)

  16. 16
    Kommentar von Peter
    27. Juni 2008 um 23:21

    Danke für die schnelle Antwort. Und wo und an welcher Stelle, also in welchem PHP-File (single.php, page.php?) muss ich

    eingeben ?
    Sorry, ist wahrscheinlich eine total bescheuerte Frage, aber ich beschäftige mich erst seit ein paar Tagen mit php.

    Liebe Grüße, Peter

  17. 17
    Kommentar von Frank Bültge
    28. Juni 2008 um 11:41

    @Peter: in dem Fall, da wo es hin soll, wahrscheinlich in die single.php, die zur Darstellung der einzelnen Beiträge genutzt wird.

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.