Jak zmienić wielkość gravataru w Wordpressie

Wordpress to przydatne narzędzie również jeżeli idzie o funkcje społecznościowe. Jeżeli zależy nam na budowaniu naszej strony internetowej, bloga czy sklepu - warto zadbać o temat komentarzy. A w ramach komentarzy na stronie mamy usługę Gravatar.

Gravatar to nie tylko ikonki awatarów przyznawane do komentarzy, to również cała platforma przeznaczona do zarządzania komentarzami w ramach platformy Wordpress. Dodajmy, domyślna platforma, bo chociaż możemy wprowadzić komentarze z Disqusa czy Facebooka, to jednak domyślnym rozwiązaniem jest wspomniany już w tytule tego tekstu Gravatar. A zatem, zajmijmy się tym rozwiązaniem.

W tym poradniku chcielibyśmy skupić się na zagadnieniu rozmiaru obrazków w awatarach usługi Gravatar. Mają one swój domyślny, dość niewielki rozmiar. Możemy to jednak dość łatwo i szybko zmienić, jeżeli np. zależy nam na większych rozmiarach awatarów, bądź tez innych sposobach na zarządzanie naszymi awatarami w ramach komentarzy na stronie czy blogu. Warto tutaj zaznaczyć na samym początku, że wprowadzane przez nas zmiany będą działały, ale wyłącznie na naszej stronie - nigdzie indziej.

Jak zmienić wielkość Gravataru w komentarzach

Przejdźmy zatem do metody zmiany wielkości obrazka w ramach komentarzy Gravatar na naszej stronie, blogu czy witrynie sklepowej. Możemy to zrobić w prosty sposób, wystarczy zająć się edycją plików szablonu Wordpress, z jakiego korzystamy.

W tym celu należy koniecznie zalogować się do klienta FTP, z którego korzystamy w ramach hostingu (czyli miejsca na naszą stronę internetową). Jeżeli nasz dostawca hostingu oferuje menedżera plików - np. z poziomu przeglądarki internetowej - również możemy skorzystać z takiego rozwiązania. Następnie w ramach klienta FTP czy menedżera plików odnajdujemy na naszej stronie następującą ścieżkę folderów:

/wp-content/themes/Nazwa Twojego Szablonu Wordpress/

Po otwarciu folderu z szablonem Wordpress, z którego akurat korzystamy, odszukujemy plik o nazwie "comments.php". Pobieramy go na komputer, a następnie otwieramy za pomocą narzędzia takiego jak Notatnik, lub równie nieskomplikowany edytor tekstu. W ramach linijki kodu wp_list_comments zmieniamy dostępny kod na następującą wartość:

 

Następnie, po wprowadzeniu omawianego już przez nas kodu, zapisujemy plik i przesyłamy go ponownie w miejsce, gdzie znajduje się on na hostingu. Rzecz jasna, możemy wpisać zamiast 32 dowolną, sensowną liczbę odpowiadającą za liczbę pikseli.

Zanim przejdziemy do sprawdzania wyniku wprowadzonych przez nas zmian, trzeba jeszcze wprowadzić małe poprawki w ramach styli CSS na naszej stronie. W tym celu nie musimy już korzystać z FTP, edytor CSS znajdziemy przecież w ramach panelu zarządzania Wordpressem. A zatem, logujemy się do Kokpitu, a następnie w lewym pasku menu otwieramy zakładkę:

Wygląd > Edycja

Tutaj, w prawej części okna odszukujemy plik CSS i otwieramy go. To spis wszystkich ważniejszych elementów naszego motywu. Teraz wystarczy dodać następujące linijki kodu:

.comment-author .avatar {
	height: 32px;
	position: relative;
	top: 0.25em;
	width: 32px;
}

To już właściwie wszystko, co powinniśmy byli zrobić. Nadpisawszy plik, odświeżamy całą stronę w przeglądarce. Rozmiar awataru w ramach Gravataru został właśnie zmieniony do 32 pikseli. Możemy o tym się przekonać, przeglądając teraz komentarze na naszej stronie internetowej. Rzecz jasna, o czym warto wspomnieć, wpisaną wartość pikseli - zarówno w przypadku wysokości (height) jak i szerokości (width) możemy dowolnie zmieniać na naszej stronie.

Na zakończenie zachęcamy do komentowania tego tekstu, zwłaszcza jeżeli spotkaliście się z jakmikolwiek problemami podczas realizacji naszego poradnika. Jeżeli macie dodatkowe pytania dotyczące gravatarów, piszcie w komentarzach pod naszym poradnikiem. Chętnie odpowiemy na wszelkie zgłaszane kwestie, podpowiemy też, jak w prosty i skuteczny sposób radzić sobie z podobnymi problemami w Wordpressie.

Komentarze