Elmastudio

Wie du dein eigenes Standardbild für Kommentare ohne Avatar auf deinem Blog erstellst

·
URL kopierenBeitrag als Markdown kopieren

Avatar-Bilder sind eine tolle Sache. Bilder zu den Kommentaren machen deinen Blog persönlicher, und gestalten die Kommentare individueller. Doch natürlich hat nicht jeder ein eigenes Avatar-Bild eingerichtet. Wenn jemand kein Avatar hat, erscheint standardmäßig ein langweiliges, graues Bild oder das Gravatar-Logo.

So sieht das Standard-Avatar aus
So sieht das das standardmäßige Avatar-Bild aus.

Wie du auf deinem Blog auch die Kommentare ohne Avatar individuell, und in deinem Design anpassen kannst, erkläre ich dir hier. Es ist überhaupt nicht schwierig!

1. Erstelle dir ein eigenes Standard-Bild

Erstelle ein Bild in der gleichen Größe, in der du die Avatars angelegt hast.

Die Größe deines Avatars kannst du in der comments.php Datei festlegen. Suche dazu folgenden Codeschnipsel und verändere die Zahl (hier sind es 65 Pixel) hinter dem Komma.

Copy code
<?php echo get_avatar( $comment, 65 ); ?>

Vielleicht möchtest du das Logo deines Blogs verwenden, oder wie wir mit unserem Kubi, ein Maskottchen. Deiner Kreativität sind keine Grenzen gesetzt. Du solltest allerdings darauf achten, das Bild nicht zu bunt zu gestalten, da es später auf deinen Kommentaren eventuell mehrfach hinter einander erscheint.

Dein eigenes Standard-Avatar
Wir haben unseren Kubi als Standard-Bild gewählt.

Speicher dein fertiges Bild als .jpg oder .png Datei, und lade es auf deinen Server hoch.

2. Ändere den Code in der comments.php Datei

Öffne die comments.php Datei in deinem Theme (Du findest die Datei im Ordner: wp-content/themes/DeinTheme/comments.php).
Suche folgende Zeile:

Copy code
<?php echo get_avatar( $comment, 65 ); ?>

Ersetzte diese Zeile durch folgenden Code:

Copy code
< ?php echo get_avatar( $comment, 65, 'http://www.deineDomain.de/wp-content/themes/deinTheme/images/deinDefaultAvatar.png'); ?>

Jetzt musst du nur noch deine Domain, dein Theme und den Pfad, in den du dein Avatar-Bild auf deinem Server abgelegt hast, in den Code ersetzten.

Das war’s! Alle Kommentare deines Blogs ohne eigenes Avatar, sollten jetzt dein Standard-Bild anzeigen.

Ich hoffe, mein Artikel hat dir weiter geholfen, und du hast jetzt auf deinem Blog auch ein eigenes Standard-Avatar erstellt. Hast du noch Fragen? Wie sieht dein Standard-Avatar auf deinem eigenen Blog aus?

Schreib mir doch unten einen Kommentar! Ich freue mich über dein Feedback!

Kategorien: ,
Schlagwörter: , ,

Ellen Bauer

Ellen ist Mitgründerin von Elmastudio und Product Managerin bei Automattic. Sie spricht regelmäßig auf WordCamps über Block-Themes, WooCommerce und das Bauen von Websites mit KI. Als Content Creatorin schreibt und spricht sie über WordPress, Open Source, KI und persönliche Entwicklung und teilt dabei ihre eigenen Erfahrungen und Meinungen.

Gefällt dir, was wir hier machen? Dann abonniere unseren Newsletter oder YouTube-Kanal, das kostet dich nichts und hilft uns schon sehr. Wenn du einen Schritt weitergehen magst, lass unten ein kleines Dankeschön da. So bleibt Elmastudio für alle kostenlos, und wir schreiben weiter, wie seit 2009. Danke dir.Gefällt dir, was wir hier machen? Dann abonniere unseren YouTube-Kanal, das kostet dich nichts und hilft uns schon sehr. Wenn du einen Schritt weitergehen magst, lass unten ein kleines Dankeschön da. So bleibt Elmastudio für alle kostenlos, und wir schreiben weiter, wie seit 2009. Danke dir.

10 Kommentare

  1. Marvin

    viel einfacher als ich gedacht habe :) coole sache!

    Antworten
  2. Ellen
    Author

    Hallo Marvin,

    ja es ist wirklich ganz schnell gemacht. Und ich finde, der Aufwand lohnt sich. Das Standardbild Avatarbild ist einfach ein bisschen langweilig.

    Antworten
  3. Sergej

    danke schön:-)

    Antworten
  4. Danny

    Vielen Dank für diese unkomplizierte Anleitung! :)

    Antworten
  5. Christoph

    Vielen Dank, Ellen. Genau danach habe ich gesucht. Eigentlich ist der graue Standart-Typ doch ein recht netter Zeitgenosse, nur wirkt er auf die Dauer langweilig. ;)

    Viele Grüße, Christoph

    Antworten
  6. Andreas

    Hi,

    genau das, was ich gesucht habe! Danke. Ich werde es morgen mal ausprobieren. Viele Grüße, ABR

    Antworten
    1. Andreas

      Antwort an Andreas

      Leider Pech. ich habe die Zeile gefunden, aber die sieht komplett anders aus

      Kannst Du oder Jemand aus der Gemeinde helfen?

      Antworten
  7. Andreas

    class=“gravatar“><?php if(function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); /* This avatar is the user's gravatar (http://gravatar.com) based on their administrative email address */ } ?

    Antworten
  8. Oliver

    Hi,
    noch einfacher ist es damit:

    [code]
    < ?php echo &#039;‘ >
    bzw.
    echo “;
    [/code]

    Denn wozu soll man die Funktion „get_avatar“ noch nutzen wenn sowieso ein festes Bild angezeigt werden soll, dann kann ich doch gleich ein festes Bild einblenden, auch ohne die Funktion „get_avatar“ zu nutzen.
    LG Oliver

    Antworten
    1. Oliver

      Antwort an Oliver

      …vllt. könnte der Admin den Codeschnipsel mal korrigieren? Denn das ist ja nicht das was ich eingegeben hatte :)

      Antworten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Expand sidebar⌘B
DEEN