Kürzlich hat uns einer unserer Leser gefragt, ob es möglich ist, die Größe des Gravatar-Bildes zu ändern. Die Antwort ist ja. In diesem Tutorial zeigen wir Ihnen, wie Sie die Gravatar-Bildgröße in WordPress ändern können.

Wechsel-of-the-size-dimage-Gravatar-on-Wordpress

Gravatar ist ein weltweit anerkannter Avatar, der die E-Mail-Adresse eines Benutzers mit einem Bild verknüpft. Beliebte Apps wie WordPress und andere verwenden es, um das Foto des Benutzers auf einer Website anzuzeigen.

Die meisten WordPress-Themes fügen Sie standardmäßig neben jedem Benutzerkommentar einen Gravatar hinzu. Einige verwenden es sogar für die Autorenbiografie.

Lassen Sie uns einen Blick darauf werfen, wie Sie die Gravatar-Bildgröße auf Ihrer WordPress-Site ändern können.

Anmerkung: Da die Größe des Gravatar-Bildes von Ihrem Thema bestimmt wird, müssen Sie die Dateien Ihres Themas ändern, um es zu ändern.

Wie man Gravatar für Wordpress Kommentare Größe ändern

Als erstes müssen Sie die Datei comment.php in Ihrem Themenordner öffnen.

Sie müssten sich bei Ihrem anmelden Website Verwenden Sie einen FTP-Client und greifen Sie dann auf Ihr Themenverzeichnis zu, indem Sie einem ähnlichen Pfad folgen: " / Wp-content / themes / yourtheme / ".

Alternativ, wenn Ihr ProviderUnterkunft Bietet einen Dateimanager, Sie können diese Datei über die Weboberfläche in Ihrem cPanel bearbeiten.

In der comments.php-Datei müssen Sie den folgenden Code finden: avatar_size »

Es wird in der " wp_list_comments Wie folgt:

'ol', 'short_ping' => true, 'avatar_size' => 32,)); ?>

Ändern Sie einfach die Größe für die Maße, die Sie wünschen. Gravatare sind quadratisch, sodass die eingestellten Werte für Breite und Höhe gleich sind.

Speichern Sie Ihre Änderungen. Wenn Sie einen FTP-Client verwenden, müssen Sie Ihre Datei auf den Server hochladen. Öffnen Sie nun einen Artikel mit Kommentaren, um festzustellen, ob Ihre Änderungen wirksam wurden.

Wenn nicht, ist wahrscheinlich das CSS Ihres Themas die Ursache. Der beste Weg, dies zu überprüfen, ist die Verwendung der " Untersuchen Sie das Element ".

Klicken Sie einfach mit der rechten Maustaste auf den Gravatar Ihres Browsers und klicken Sie auf Objekt untersuchen.

inspizieren-a-Element-on-Wordpress

Sie müssen die Höhe und Breite des Gravatar-Bilds überprüfen, um festzustellen, ob es mit dem von Ihnen definierten Bild übereinstimmt.

Wenn Sie den Mauszeiger darüber halten, werden auch die tatsächlichen Gravatar-Dimensionen und die in den Attributen definierten Dimensionen hervorgehoben.

Avatar-Gravatar-Inspektion-of-Code

Sie werden feststellen, dass die beiden unterschiedlich sind. Dies bedeutet, dass die style.css-Datei Ihres Themas für die Standardbildgröße verantwortlich ist. Viele Themen, einschließlich des Standardthemas Zwanzig Sechzehn verwendet CSS, um die Größe der Bilder zu ändern.

Sie müssen die Datei style.css in Ihrem Themenordner öffnen und nach Avatar suchen. Sie werden wahrscheinlich eine CSS-Klasse finden: “.Wie-Autor .avatar Welche enthält einen Code wie folgt:

.comment-author .avatar {Höhe: 42px; Position: relativ; oben: 0.25 em; Breite: 42px; }}

Passen Sie Breite und Höhe an den zuvor in der comments.php-Datei festgelegten Wert an.

Das ist alles. Sie haben die Größe des Avatars erfolgreich geändert. " Gravatar In deinen WordPress Kommentaren.

Jetzt fragen Sie sich vielleicht, ob es möglich ist, die Bildgröße mithilfe von CSS zu überschreiben. Warum dann in der Datei comment.php?

Dies mit dieser Methode zu tun hat zwei Vorteile:

1 - Keine verschwommenen Bilder

Wenn du die Gravatar-Größe ändern willst, die WordPress anbietet und es größer macht, wird es durch CSS das Bild verschwommen.

2- Schnellere Ladezeiten

Wenn Sie nun aus Optimierungsgründen eine kleinere Bildgröße als die Standardgröße festlegen möchten, wird durch die Verwendung von CSS-Code zum Verkleinern des Bilds das Laden des Bilds nicht optimiert.

Durch Ändern der Größe der Bilder auf " comments.php Sie können das Bild verkleinern und so das Laden von Bildern optimieren.

Das ist alles für dieses Tutorial, zögern Sie nicht, dieses Tutorial mit Ihren Freunden in Ihren bevorzugten sozialen Netzwerken zu teilen.