Nachdem einige Leute die Unterstützung für Gravatar in den Kommentaren des beliebten Choice WordPress-Themes angefordert hatten, beschloss ich, es genauer zu untersuchen. Ich stieß auf diesen großartigen Beitrag von HackWordPress, der Ihnen einen kleinen Code-Schnipsel gibt, um Gravatare zu Ihrer Kommentar-Schleife hinzuzufügen. Seitdem füge ich Gravatar-Unterstützung zu allen Themes hier hinzu, einfach weil es so einfach ist. In dieser Anleitung zeige ich Ihnen, wie genau ich Gravatare in Themes integriere.
Bitte beachten Sie, dass diese Anleitung nur für WordPress 2.5 und höher geschrieben ist. Der durchgesprochene Code funktioniert nicht in früheren Versionen.
Der Gravatar-Code
Wenn Sie einfach den folgenden Code in Ihre Kommentar-Schleife einfügen, funktioniert er, aber er wird wahrscheinlich nicht sehr gut aussehen, wie er ist.
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>
Im Grunde prüft dieser Code, ob Sie die Funktion get_avatar (nativ für WordPress 2.5) haben, und zeigt dann den Avatar des Kommentators in einem 50px großen Quadrat an.
Benutzen Sie ein Lineal
Wenn Sie sicherstellen möchten, dass Ihre Gravatare eine geeignete Größe haben, empfehle ich die MeasureIt Firefox-Erweiterung. Dies hilft Ihnen, einen Bereich in Ihrem Theme zu messen, um eine gute Größe für Gravatare zu bestimmen.
Wo soll der Code platziert werden?
Im Choice-Theme fand ich, dass 40 eine gute Größe war. Wo genau habe ich diesen Code platziert?
Beliebiger Ort innerhalb von foreach und endforeach (der Kommentar-Schleife) funktioniert.
Styling Ihrer Gravatare
Sobald Sie Gravatare auf Ihrer Kommentarvorlage angezeigt haben, möchten Sie sie wahrscheinlich auch gestalten. Sie werden feststellen, dass der Gravatar-Code die Klasse "avatar" für jedes Bild ausgibt. Fügen wir der CSS-Stylesheet eine Zeile hinzu, um diese nach links zu verschieben und einen kleinen rechten Rand hinzuzufügen.
img.avatar {float:left; margin-right:5px;}
Da haben Sie es, Sie haben gut aussehende, perfekt große, gestylte Gravatare. Natürlich werden Themes unterschiedlich sein, Sie können sie gestalten, wie Sie möchten.
Fazit
Denken Sie daran, dass dieser Code nur unter WordPress 2.5 und höher funktioniert. Das bedingte Tag function_exists wird verhindern, dass Ihr Theme kaputt geht, aber in früheren Versionen wird nichts angezeigt. Weitere Informationen zu anderen Methoden der Verwendung von Gravataren finden Sie im WordPress Codex.
Wenn Sie gerade diesen ganzen Artikel gelesen haben und keine Ahnung haben, was ein Gravatar ist, empfehle ich Ihnen, zuerst diesen hier von Lorelle auf WordPress zu lesen. Er behandelt die Grundlagen, wie Sie Ihren eigenen Gravatar erhalten, indem Sie sich bei Gravatar.com anmelden, sowie die Verwendung von Gravataren in älteren WordPress-Versionen mit Plugins.
Gravatare können nicht nur für Kommentare verwendet werden, sondern auch zu den einzelnen Beiträgen der Autoren hinzugefügt werden.
Wenn Ihnen der Artikel gefallen hat, können Sie gerne kommentieren und teilen. Ich würde gerne Ihre Gedanken hören. Abonnieren Sie den Feed für die neuesten Theme Lab-Updates.
[…] Kommentare mit Gravatar-Unterstützung […]
[…] Gravatar-Unterstützung zu Ihren WordPress-Kommentaren hinzufügen (Schlagwörter: wordpress gravatar Tags: Tägliche Links, Design-Links, Links Veröffentlicht unter: Tägliche Links Diesen Feed abonnieren […]
[...] von mir selbst. Dieses Theme hat alle normalen Funktionen eines Blog-Themes hier bei Theme Lab, einschließlich Gravatar-Unterstützung für Kommentare, eine Widget-fähige Seitenleiste und native WordPress-Tag-Unterstützung. Dieses Theme hat auch 125x125 Anzeigen [...]
[…] Updates wie diese machen einen ganz aufgeregt, die Funktionen auszuprobieren und zu nutzen, volle Avatar-Unterstützung auch für Kommentatoren über Gravatar, Identicon und MonsterID. Ich wollte die Avatar-Funktion schon seit einiger Zeit im Firmenblog implementieren, und dies ist der perfekte Zeitpunkt. Für diejenigen, die es auch hinzufügen möchten, habe ich heute Morgen eine großartige Anleitung gefunden, wie man die Funktion mit einigen sehr einfachen PHP-Änderungen hier aktiviert: Gravatar-Unterstützung. […]
[…] Soul, integriert in ein WordPress-Theme. Dieses hat alle üblichen Funktionen, einschließlich nativer Gravatar-Unterstützung (nur WordPress 2.5+), Tagging-Unterstützung und einer Widget-fähigen Sidebar. Es hat auch eine spezielle Homepage […]
interessant, ich habe gerade Probleme mit Gravatar, es funktioniert gut in meinem Mozilla-Browser, sieht aber in IE7 hässlich aus.
Vielen Dank. Ich habe einige andere Codes ausprobiert, die im Web angeboten wurden, dieser war derjenige, der genau so funktionierte, wie ich es brauchte!
Danke!!!
Danke! Sie haben es sehr einfach erklärt.
Danke!
Danke für die Hilfe!
wow, danke für das Tutorial 😀
Ich habe das Netz danach durchsucht, danke
[…] Gravatar-Unterstützung zu Ihren WordPress-Kommentaren hinzufügen | Theme […]
Vielen Dank für den Artikel.
[…] haben wir bei ThemeLab gesehen SHARETHIS.addEntry({ title: “Gravatar-Unterstützung in WordPress”, url: […]
[…] THEMELAB: “Gravatar-Unterstützung zu Ihren Wordpress-Kommentaren hinzufügen” […]
[…] THEMELAB: “Gravatar-Unterstützung zu Ihren Wordpress-Kommentaren hinzufügen” […]
[…] Tutorial besuchen […]
Oh, das ist gut, Sie haben Gravatar implementiert. Sie sehen gut aus.
@Leland: Danke für den Kommentar, das war sehr nett von Ihnen.
@Banago, habe Ihnen einen Kommentar auf Ihrem Blog hinterlassen. 🙂
Zu Gravataren auf Theme Lab, ich werde diese bald hinzufügen.
@Leland: Danke für Ihr Feedback, ich weiß es wirklich zu schätzen. Ich würde mich freuen, wenn Sie einen Kommentar auf meinem Blog posten würden, da nicht jeder das getan hat 🙁
Zweitens: Wann beabsichtigen Sie, Gravatare auf Ihrem Blog zu implementieren? 🙂
Danke für die Tipps…
Ich hoffe, es bald in meinem Theme zu aktivieren…
Einige Themes haben jetzt integrierte Gravatar-Unterstützung, wie Mistylook! 🙂
Toller Beitrag, Leland!
Ich bin ein großer Befürworter von Gravatars, daher freue ich mich, dass mehr Theme-Designer integrierte Gravatar-Unterstützung hinzufügen.
Wie du sagst, es ist wirklich so einfach!
@Banago: Nett, es gefällt mir. Danke für deinen Kommentar.
Ich habe Gravatare in das Theme meines Blogs implementiert. Tatsächlich wollte ich gerade um Feedback zu meinem neuen Design bitten. Ich würde mich über dein Feedback freuen. Danke!