So zeigen Sie runde Gravatar-Bilder in WordPress an

Kürzlich haben wir Ihnen gezeigt, wie Sie Ihr Kommentarlayout gestalten und wie Sie Ihr Kommentarformular gestalten. Einer unserer Benutzer schrieb uns eine E-Mail und fragte: „Wie haben Sie Ihre Gravatar-Bilder gemacht? Speichern Sie Gravatar-Bilder lokal, damit sie rund werden? “In diesem Artikel zeigen wir Ihnen, wie Sie Gravatar-Bilder in WordPress anzeigen können. Wir werden die border-radius-Eigenschaft von CSS3 verwenden, um kreisförmige Gravatar-Bilder zu erstellen.

Als erstes müssen Sie die style.css-Datei Ihres Themes bearbeiten. Sie können dies tun, indem Sie ein FTP-Programm verwenden oder zu gehen Aussehen »Editor in Ihrem WordPress-Admin. Als Nächstes möchten Sie den folgenden Code in Ihre CSS-Datei einfügen:

 .Avatar Grenzradius: 50%; -Moz-Grenze-Radius: 50%; -webkit-border-radius: 50%;  

Dies sollte bei den meisten WordPress-Themes funktionieren. Wenn dies bei Ihrem Design jedoch nicht funktioniert, gibt es wahrscheinlich ein Plugin oder Ihre Theme-Funktion, die die Standardklassen verwendet, die für Gravatar in WordPress verwendet werden. Um herauszufinden, welche Css-Klasse Gravatar-Bilder in Ihrem Design verwendet werden, müssen Sie einen Blog-Beitrag mit Kommentaren öffnen. Scrollen Sie nach unten zum Kommentarbereich und klicken Sie mit der rechten Maustaste auf das Gravatar-Bild, um Inspect Element auszuwählen. Es zeigt Ihnen den Quellcode für Ihren Gravatar wie folgt:

Wenn das Gravatar-Bild etwas anderes hat als Benutzerbild dann verwenden Sie das anstelle von .Benutzerbild im obigen CSS-Code.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, runde Gravatar-Bilder in Ihrem WordPress-Blog anzuzeigen. Lassen Sie uns wissen, wenn Sie Fragen oder Feedback haben, indem Sie unten einen Kommentar hinterlassen.