Möchten Sie den Gravatar des Website-Besuchers aus seiner E-Mail in WordPress anzeigen?
Gravatar ist ein Webservice, der die E-Mail-Adresse eines Benutzers mit seinem Online-Avatar / Bild verbindet. WordPress zeigt Gravatare automatisch in den Kommentaren an, aber Sie können sie auch zu anderen Bereichen Ihrer Website hinzufügen.
In diesem Artikel zeigen wir Ihnen, wie Sie einen Gravatar aus der E-Mail Ihres Benutzers in WordPress anzeigen.
Was ist Gravatar und warum sollte es angezeigt werden?
Gravatar steht für Globally Recognized Avatar und ist ein Webservice von Automattic, dem Unternehmen hinter WordPress.com.
Damit können Sie ein einfaches Benutzerprofil erstellen und automatisch verifizierte Avatarbilder mit der E-Mail-Adresse des Benutzers anzeigen.
Jede WordPress-Website wird mit integrierter Unterstützung für Gravatare geliefert und zeigt automatisch den Gravatar des Benutzers neben jedem Kommentar und manchmal der Biografie des Autors.
Wenn der Benutzer kein Gravatar-Konto hat, wird das Standardbild von Gravatar angezeigt.
Möglicherweise möchten Sie jedoch mehr Kontrolle darüber, wo Ihre Benutzergravatare angezeigt werden. Sie können es beispielsweise über Ihrem Beitragsinhalt, auf Ihrer Infoseite, in Ihrer Seitenleiste und mehr hinzufügen.
Schauen wir uns nun an, wie Sie den Gravatar aus einer Benutzer-E-Mail in WordPress anzeigen können.
Zeigen Sie Gravatar aus der Benutzer-E-Mail an, indem Sie Code zu WordPress hinzufügen
Zunächst zeigen wir Ihnen, wie Sie Benutzergravatare in Ihren WordPress-Vorlagen anzeigen können, indem Sie eine einfache Funktion hinzufügen.
Dies erfordert das Hinzufügen von Code zu Ihren WordPress-Dateien. Wenn Sie dies noch nicht getan haben, empfehlen wir Ihnen, Ihre WordPress-Site zu sichern und unseren Anfängerleitfaden zum Einfügen von Snippets aus dem Web in WordPress zu lesen.
Sie können das folgende Code-Snippet zu Ihrer Datei functions.php, in einem Site-spezifischen Plugin oder mithilfe eines Code-Snippets-Plugins hinzufügen.
function wpbeginner_display_gravatar() { global $current_user; get_currentuserinfo(); // Get User Email Address $getuseremail = $current_user->user_email; // Convert email into md5 hash and set image size to 32 px $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32'; echo '<img src="' . $usergravatar . '" class="wpb_gravatar">'; }
Dieses Code-Snippet erstellt eine einfache Funktion, mit der Sie Ihren Gravatar an einer beliebigen Stelle in Ihren vorhandenen WordPress-Theme-Vorlagendateien hinzufügen können.
Als nächstes müssen Sie die richtige Vorlagendatei finden, um den Code hinzuzufügen. Um mehr zu erfahren, sehen Sie sich unseren Spickzettel für die WordPress-Vorlagenhierarchie an, um die richtige Vorlagendatei für Ihre Anforderungen zu finden.
Anschließend können Sie das folgende Code-Snippet hinzufügen:
<?php wpbeginner_display_gravatar(); ?>
Dieses Code-Snippet fügt Ihren Posts, Seiten oder wo immer Sie möchten einfach eine Gravatar-Anzeigefunktion hinzu.
So sieht es mit dem Code-Snippet aus, das dem Meta-Abschnitt des Blog-Posts hinzugefügt wurde.
Zeigen Sie Gravatar aus der Benutzer-E-Mail an, indem Sie einen WordPress-Shortcode erstellen
Eine andere Möglichkeit, den Gravatar des Benutzers anzuzeigen, besteht darin, einen eigenen Shortcode zu erstellen.
Dies ist nützlich, wenn Sie die E-Mail-Adresse eines Benutzers haben und seinen Gravatar auf Ihrer Site anzeigen möchten, dieser jedoch kein registrierter Benutzer ist.
Es kann auch verwendet werden, um ausgewählte Gravatare in Ihren Post-, Seiten- und Widget-Bereichen Ihrer Site anzuzeigen.
Sie müssen das folgende Code-Snippet zu Ihrer Datei functions.php hinzufügen, in einem Site-spezifischen Plugin oder mithilfe eines Code-Snippets-Plugins.
function wpb_display_gravatar($atts) { extract( shortcode_atts( array( 'wpb_user_email' => '', ), $atts ) ); if ($wpb_user_email == '') { global $current_user; get_currentuserinfo(); $getuseremail = $current_user->user_email; } else { $getuseremail = $wpb_user_email; } $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32'; echo '<img src="' . $usergravatar . '">'; } add_shortcode('wpb_gravatar', 'wpb_display_gravatar');
Dieses Code-Snippet modifiziert das erste Code-Snippet und erstellt einen Shortcode, den Sie ganz einfach zu jeder Seite, jedem Beitrag oder Widget-Bereich hinzufügen können.
Außerdem können Sie die E-Mail-Adresse eines einzelnen Benutzers angeben. Auf diese Weise können Sie die E-Mail eines Benutzers zum Shortcode hinzufügen und den Gravatar für diese E-Mail-Adresse anstelle des aktuellen Benutzers anzeigen.
Fügen Sie einfach den folgenden Shortcode hinzu, um den Gravatar für den aktuellen Benutzer anzuzeigen.
[wpb_gravatar]
Wenn Sie den Gravatar eines bestimmten Benutzers anzeigen möchten, verwenden Sie den folgenden Shortcode.
[wpb_gravatar wpb_user_email="john.smith@example.com"]
Sie müssen die E-Mail-Adresse im Shortcode durch die E-Mail des Benutzers ersetzen, die Sie anzeigen möchten.
Als Nächstes können Sie Ihrem WordPress-Blog benutzerdefiniertes CSS hinzufügen, um die Anzeige von Gravatar zu ändern.
Sie können das folgende CSS-Code-Snippet zu Ihrem WordPress-Theme-Stylesheet hinzufügen.
.wpb_gravatar { padding: 3px; margin: 3px; background:#FFFFFF; border:2px solid #eee; }
Weitere Informationen zum Hinzufügen von CSS zu WordPress finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefiniertem CSS zu Ihrer WordPress-Site.
Um den Shortcode zu Ihrer Site hinzuzufügen, öffnen Sie einfach die Seite, den Beitrag oder den Widget-Bereich, der angezeigt werden soll, und klicken Sie dann auf das Symbol „Plus“ zum Hinzufügen eines Blocks.
Suchen Sie dann nach „Shortcode“ und klicken Sie auf den Shortcode-Block.
Fügen Sie anschließend den Shortcode in den Block ein und klicken Sie auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.
So sieht es aus, wenn es oben in einem Blogbeitrag unter dem vorgestellten Bild eingefügt wird.
Weitere Tipps zum Anpassen von Gravatars auf Ihrer Website finden Sie in unserer Anleitung zum Ändern der Gravatar-Bildgröße in WordPress.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Gravatar aus Benutzer-E-Mails auf Ihrer WordPress-Site anzeigen. Vielleicht möchten Sie auch unsere Auswahl der besten geschäftlichen Telefondienste für kleine Unternehmen und unseren Leitfaden zum Erhalt eines kostenlosen SSL-Zertifikats für Ihre WordPress-Website sehen.