Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man die Form von Benutzer-Avataren in WordPress ändert

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Sind Sie schon einmal auf eine Website gestoßen, die benutzerdefinierte Formen für ihre Benutzeravatare oder Gravatare hat? Möchten Sie denselben Stil auch auf Ihrer Website verwenden? In der Vergangenheit haben wir darüber geschrieben, wie man runde Avatare mit CSS hinzufügt, aber das erfordert eine Anpassung des Codes. In diesem Artikel zeigen wir Ihnen, wie Sie die Form von Benutzer-Avataren in WordPress ohne HTML oder CSS ändern können.

Video-Anleitung

Subscribe to WPBeginner

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie bitte weiter.

Als erstes müssen Sie das Avatar Shaper Plugin installieren und aktivieren.

Sobald Sie das Plugin aktiviert haben, müssen Sie zu Einstellungen “ Avatar Shaper gehen, um die Einstellungen zu konfigurieren.

Avatar shaper settings

Das Plugin verfügt über 10 integrierte Formen, die Sie für Ihre Gravatarbilder verwenden können. Sie können eine Live-Vorschau der einzelnen Formen sehen, indem Sie auf die Schaltfläche „Form auswählen“ klicken.

Avatar Shaper enthält die folgenden Formen: gebogenes Quadrat, Kreis, Fünfeck, Sechseck, Nichteck, Heptagon, Diamant, Burst und herzförmige Avatare.

Sie können die Stile anpassen, indem Sie die Radiuseinstellungen ändern, Schatten hinzufügen oder entfernen, die Schattenfarbe ändern und den Glanz aus jeder dieser vordefinierten Formen entfernen.

Falls Sie keine der vordefinierten Formen verwenden möchten, können Sie jederzeit auf Benutzerdefiniert klicken und Ihre eigene Form erstellen. Wenn Sie eine benutzerdefinierte Form erstellen, können Sie den Radius des Rahmens nach Ihren Wünschen anpassen.

Wenn Sie ein fortgeschrittener Benutzer sind und geänderte Avatare manuell hinzufügen möchten, können Sie das Kontrollkästchen Benutzerdefinierte Methode aktivieren. Durch die Verwendung der benutzerdefinierten Methode können Sie manuell avatar_shaper() Template-Tag in Ihrem Thema hinzufügen, wo Sie benutzerdefinierte Avatare anzeigen möchten. Anfänger können diese Einstellung getrost ignorieren.

Sobald Sie die Form für Ihre Avatare ausgewählt haben, können Sie auf die Schaltfläche Änderungen speichern klicken, um Ihre Einstellungen zu speichern.

Das war’s schon. Sie können nun Ihre Website besuchen und die Avatarformen in Aktion sehen.

Burst shaped gravatar in comments

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die Form der Benutzeravatare in WordPress zu ändern. Vielleicht interessiert Sie auch diese Anleitung, wie Sie neue Standard-Avatare in WordPress hinzufügen können.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Google+ finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Ein KommentarEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.