Der Gravatar-Dienst von Automattic bietet seit kurzem die Möglichkeit einer Hovercard. Eigentlich ist das nichts anderes als eine MouseOver-Funktion, die entsprechende Informationen zur Person bereitstellt. Basis hierfür ist allerdings eine Registrierung bei Gravatar und die korrekte Profileinstellung, sowie der Einsatz von jQuery in seiner WordPress-Installation.
Die Einbindung der Hovercard erfolgt durch folgenden Codeschnippsel in der Funktions.php des eingesetzten Themes
wp_enqueue_script( 'gprofiles', 'http://s.gravatar.com/js/gprofiles.js', array( 'jquery' ), 'e', true );
Im Frontend des Blogs sieht das dann in etwa so aus:
Gravatarprofil anlegen
Damit auch alle Daten richtig angezeigt werden, sollte man sein Profil auf Gravatar.com entsprechend ergänzen. Hier ein kurzer Überblick über die sinnvollsten Angaben. Das wichtigste zuerst: Deine Profildaten. Hier werden in die Hovercard die Punkte „Display Name“ und „About me“ übernommen.
Natürlich dürfen die Links zu Deinem Blog und den von Dir favorisierten Seiten nicht fehlen. Dies stellt man unter dem Punkt „My Links“ ein:
Mit dem Punkt „Verified Services“ lassen sich Social-Dienste wie Twitter, Facebook, Vimeo etc. einbinden. Vorausgesetzt, man hat dort entsprechende Accounts:
Custom Background bestimmt die Randfarbe der Hovercard, und mit „Contact Information“ lassen sich noch Telefonnummern, Skype, email, AIM, ICQ oder Live Messenger ergänzen. Alles in allem finde ich die Hovercard als eine gelungene Ergänzung zu jedem WordPress Blog. So sind schnell alle notwendigen Daten eines Posters verfügbar. Soweit er diese natürlich für die Leser eines Blogs bereitstellt.
Frank Viehmann
Neueste Artikel von Frank Viehmann (alle ansehen)
- SSL-Zertifikat wird Pflicht - 26. April 2018
- Probleme mit Contact Form 7 und all-inkl - 5. Mai 2015
- Backup einer WordPress Seite - 29. Juni 2014
Danke für den Codeschnipsel! Ich habe den in der Webseite eingebaut und funktioniert auch! Eine Frage habe ich dennoch mir ist aufgefallen die Hovercard´s scheinen nur im Firefox zu gehen im IE gibts da nen Fehler bzw. passiert nixs! Gibts dafür schon eine Lösung?
Gruss Daniel
Hab das mal getestet. Funktioniert auch einwandfrei in IE. Zumindest ab Version 7.
Folgende Meldung erhalte ich da im Explorer: Details zum Fehler auf der Webseite
Meldung: Das Objekt unterstützt diese Eigenschaft oder Methode nicht.
Zeile: 331
Zeichen: 3
Code: 0
—–
Wärst du so gut und schaust mal ob es mit deinem IE auch in meinem Blog funktioniert?
Liegt vermutlich an irgendeiner Einstellung im IE!
Gruss Daniel
Das liegt nicht an Hovercard, sondern an einem Script das Du in deiner Comments-Form einsetzt.