Tutorial: Standard Avatar in Wordpress ändern

Mit dem neuen Design bei meetinx hat sich bei mir auch schnell der Wunsch ergeben, den Standard Avatar bzw. Gravatar bei Wordpress mit zu ändern. Der normale Avatar bei Wordpress ist dann doch super langweilig. Ob nun der graue Kerl vor der Wand oder aber das Logo vom blauen Gravatar. Passt also nicht wirklich zu meetinx und ich bin mir sicher das ich nicht der Einzige bin, der das gerne ändern möchte.

Eigentlich ist es gar nicht schwer, den Standard-Avatar in Wordpress zu ändern – man muss einfach nur wissen, wie es geht. Und dieses Tutorial hilft euch hoffentlich dabei:

1. Grafik für Avatar vorbereiten
Zunächst benötigt ihr natürlich eine Grafik, die ihr als Avatar bzw. Gravatar nutzen möchtet. Bei mir ist diese Grafik 50×50 Pixel groß. Je nachdem, wie ihr euer Design eingestellt habt, sollte die Größe entsprechend angepasst werden also z.B. 80×80 Pixel oder wie auch immer. Als Dateiformat habe ich GIF gewählt – es sollte aber auch JPG möglich sein. Einfach mal ausprobieren.Nachdem ihr eure Grafik für euren Standard-Avatar ausgewählt habt, ladet ihr ihn irgendwo hoch. Wo ist prinzipiell egal. Merkt euch den genauen Pfad, wo ihr ihn hochgeladen habt.

2. Kommentar-Bereich suchen
In der Standard-Installation von Wordpress wird ein Bereich ausgewiesen, der für die Einbindung von deinem Avatar bzw. Gravatar verantwortlich ist. Dieser Bereich ist zumeist in der comments.php abgelegt. Diese findet ihr normalerweise in eurem aktuellen Design. Je nach Struktur eures Designs kann dieser Bereich auch woanders abgelegt worden sein. Wenn sie dort nicht ist, springt zu Punkt 2.Dann geht ihr in das Wordpress-Admin, dort wiederum auf “Design” und danach auf “Theme-Editor”. Auf der rechten Seite seht ihr die verschiedenen Dateien, die Wordpress für euer aktuelles Design verwendet. Dort sollte auch besagte comments.php liegen. Ein Klick darauf und schon gehts zu Punkt 2.

3. Code für Standard Avatar suchen und ändern
Der Code-Schnippsel, den wir suchen, sollte so (oder ähnlich ausschauen):
<?php echo get_avatar( $comment, 50 ); ?>

Damit ihr beim nächsten Schritt nicht versehentlich was kaputt macht, löschen wir diesen Bereich nicht, sondern kommentieren ihn nur aus. Das bedeutet, dass dieser Schnippsel zwar noch vorhanden ist aber nicht mit verarbeitet wird. Das machen wir mit den Kommentarzeichen <!– sowie –>. Also sieht der Code danach so aus:
<!–<?php echo get_avatar( $comment, 50 ); ?>–>

So – nun fügen wir den neuen Code ein, der immer dann angezeigt wird, wenn ein Nutzer keinen eigenen Avatar bzw. Gravatar hat. Wir ändern also den Standard Avatar. Dafür nehmt ihr folgenden Code: <?php echo get_avatar( $comment, 50, $default = ‘<path_to_url>’ ); ?>Diesen Code fügt ihr direkt hinter dem auskommentierten Code ein, also hinter –>. Der Bereich <path_to_url> ist die Web-Adresse, wo ihr eure Grafik hochgeladen habt. Der Code könnte also folgendermaßen aussehen:
<?php echo get_avatar( $comment, 50, $default = ‘<http://www.beispiel.de/beispiel.gif>’ ); ?>

Danach die Datei unten speichern und fertig seid ihr :-)

Falls ihr nichts seht, löscht einfach mal euren Browser-Cache bzw. geht mit einem zweiten Browser drauf. Wenn trotz alledem nichts geht, Fehler auftauchen oder ähnliches, könnt ihr euren alten auskommentierten Code-Bereich wieder aktivieren. Bei mir hat dieser Weg super geklappt und ich wünsche euch viel Spaß und Erfolg beim ausprobieren.

Wenn euch diese Anleitung übrigens geholfen hat, freue ich mich über eure Rückmeldungen und gerne auch Verweise und Trackbacks ;-)

PS: Danke an Robert für die Hilfe…


Verwandte Artikel:

Dir gefällt der Beitrag? Dann würden wir uns über deine Unterstützung freuen:
Von :: 2008-12-05

Der Beitrag wurde am Friday, den 5. December 2008 um 17:19 Uhr veröffentlicht. Du kannst die Kommentare zu diesem Eintrag durch den RSS 2.0 Feed verfolgen.
Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.



11 Reaktionen

  1. Avatar in eigenes Bild ändern | Mein Bild beim kommentieren | niftz.com

    [...] jedem Blog. Auch der Blog muss sich hierfür auf gravatar einstellen. Wie man das macht hat Alper (Tutorial: Standard Avatar in Wordpress ändern – Gravatar) gerade geschrieben. Den Artikel [...]

  2. Carsten

    Ich dachte immer das der blassgraue Typ nen Standard Bild von WP wäre, habe aber gesehen dass, das ja von Gravatar kommt ;-)
    Aber ganz nützlich dein Beitrag :-)

  3. Alper Iseri

    Ja – kommt von Gravatar. Aber das extra Plugin nutze ich gar nicht mehr. Vor allem mit der Möglichkeit, nun mein eigenes Icon zu verwenden, ist das alles nun viel einfacher und auch schöner geworden :-)

  4. Camdy

    Hallo Alper,

    in meinem Blog selber benutze ich keine Avatare, aber ich möchte mein Bild dennoch ändern (etwas entschärfen ;-) ).
    Gilt Dein Vorschlag hier dann automatisch auch für mein Avatar in anderen Blogs?
    Ich danke Dir schon mal im Voraus!

    P.S. Dachte ich hätte bei wordpress.com einen Account, aber dort kann ich mich einfach nicht mehr einloggen – trotz Zusendung eines neuen Passworts. Als Mitteilung bekomme ich Account suspended. Wenn ich mich neu anmelden will, dann gibt es den Account, also Usernamen und Email-Adresse schon. Also irgendwie verzwickt.

    Ach und ist das ein Plugin für Twitter hier bei dem Kommentar??

  5. Alper Iseri

    Hallo Camdy,

    wenn du dein eigenes Gravatar ändern möchtest, kannst du das unter www.gravatar.com tun tun. Dort loggst du dich ein und änderst schnell und einfach das Bild, was du zu deiner jeweiligen Mailadresse hinterlegt hast. Das war es schon :-)

    Ja, das ist ein Twitter-Plugin. Nennt sich Automagic Twitter Profile URI.

    Viele Grüße, Alper

  6. Camdy

    Toll, ich danke Dir ganz herzlich! Für beides :-)
    Schönes Wochenende

  7. Michael

    Danke für den obigen Tipp. Genau danach habe ich gerade gesucht. :-)

  8. Alper Iseri

    @Michael: Gerne geschehen. Hoffe, du schaust hier öfters mal rein.

  9. tobiCOM

    Danke für das Tutorial hat bestens funktioniert, allerdings den Codeschnipsel zu finden war eine Herausforderung!!

  10. bug

    Funzt bei mir nicht. Legt alles lahm. Danach nur noch weiße Seite. Bei mir is get_avatar in functions.php

  11. Anonymous

    Hallo und danke für den nützlichen Artikel. Genau das habe ich gesucht.

Nach oben



Einen Kommentar schreiben

Bitte benutzt nur eure Namen oder Nicknamen. Einträge mit rein werblichem Hintergrund (meist gekennzeichnet durch die Verwendung von Keywords, Deeplinks oder Links in Beiträgen) werden ggf. in Rechnung gestellt. Informationen darüber findet ihr hier. Bitte beachtet die Datenschutzhinweise.


 

Informationen

Hier findest du passende Anzeigen zu dem Beitrag:



Werbung

Kommentare



Apple iPad Alle Infos über das Apple iPadRSS Feed Abonniere den RSS-Feed

meetinx ist ein Blog von Alper Iseri. Ich bin Berater für Kommunikation, Blogs und Social Media. Ich lebe und arbeite in der wunderschönen Stadt Hamburg. mehr...

Alper Iseri


Premium Partner

Haben auch Sie Interesse, meetinx zu unterstützen und mit Ihrer Marke auf einem der bekanntesten deutschen Blogs für Werbung, Web und Marketing zu werben? Hier finden Sie weitere Informationen.


Networking

Interesse, dich mit mir zu verknüpfen? Dann freue ich mich auf eure Kontaktaufnahme über XING, Twitter, Facebook, Skype oder über mein Kontaktformular.




Publikationsarchiv



July 2010
Mon Tue Wed Thu Fri Sat Sun
« Jun    
 1234
567891011
12131415161718
19202122232425
262728293031