Vor kurzem haben wir Ihnen gezeigt, wie Sie Ihr Kommentarlayout und Ihr Kommentarformular gestalten. Einer unserer Benutzer schickte uns eine E-Mail und fragte: „Wie hast du deine Gravatarbilder rund gemacht? Speichern Sie Gravatarbilder lokal, damit sie rund sind?“ In diesem Artikel zeigen wir Ihnen, wie Sie runde Gravatarbilder in WordPress anzeigen. Wir verwenden die Eigenschaft border-radius von CSS3, um kreisförmige Gravatarbilder zu erstellen.
Als erstes musst du die style.css-Datei deines Themes bearbeiten. Sie können dies tun, indem Sie ein FTP-Programm verwenden oder zu Aussehen » Editor in Ihrem WordPress-Admin. Als Nächstes möchten Sie Ihrer CSS-Datei folgenden Code hinzufügen:
.avatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
Dies sollte bei den meisten WordPress-Themes funktionieren. Wenn dies jedoch bei deinem Theme nicht funktioniert, dann gibt es wahrscheinlich ein Plugin oder deine Theme-Funktion, die die Standardklassen für Gravatar in WordPress durcheinander bringt. Um herauszufinden, welche Gravatarbilder der CSS-Klasse 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 Gravatarbild, um Element überprüfen auszuwählen. Es zeigt Ihnen den Quellcode für Ihren Gravatar, wie folgt:
Wenn das Gravatarbild etwas anderes hat als Benutzerbild dann nimm das statt .Benutzerbild im obigen CSS-Code.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, runde Gravatarbilder in Ihrem WordPress-Blog anzuzeigen. Lassen Sie uns wissen, wenn Sie Fragen oder Feedback haben, indem Sie unten einen Kommentar hinterlassen.