Как изменить размер изображения Gravatar в WordPress

Недавно один из наших читателей спросил, возможно ли изменить размер картинок Gravatar. Конечно же можно. В этой статье мы покажем вам как изменить размер граватарок в WordPress.

Gravatar — это всемирно известный аватар, который связывает адрес электронной почты пользователя и его картинку. Популярные платформы вроде WordPress и другие используют сервис для вывода фотографии пользователя на сайте.

Большинство тем WordPress по-умолчанию добавляют Gravatar рядом с каждым комментарием пользователя. Некоторые даже используют его в блоке «Об авторе».

Давайте же посмотрим как можно изменить размер изображения Gravatar на вашем WordPress сайте.

Примечание: В виду того, что размер картинки граватара определяется вашей темой, то и править придется именно её.

Изменяем размер Gravatar для комментариев WordPress

Первым делом вам потребуется открыть файл comments.php, расположенный в папке вашей темы.

Для этого подключаемся к своему сайту через FTP и переходим в /wp-content/themes/yourtheme/.

В файле comments.php находим строку avatar_size

Она будет внутри функции wp_list_comments и выглядит примерно так:

<?php
wp_list_comments( array(
	'style'       => 'ol',
	'short_ping'  => true,
	'avatar_size' => 32,
) );
?>

Просто изменяем размер на нужный вам. Gravatar’ы квадратные, поэтому установленное значение будет как для ширины, так и для высоты картинки.

Сохраняем проделанные изменения и заливаем файл обратно на сервер.

Теперь открываем запись, у которой есть комментарии, чтобы убедиться в том, что способ сработал.

Если же нет, тогда CSS вашей темы перезаписывает эти значения. Лучшим способом проверить это будет применение инструмента Инспектора элементов в вашем браузере.

Просто нажимаем правой кнопкой мыши на граватаре в браузере и выбираем «Исследовать элемент».

Понадобится найти ширину и высоту картинки граватара, чтобы увидеть, отражают ли они установленные вами значения.

Когда вы наведете мышь на граватар, Инспектор подсветит эту картинку и отобразит текущий размер.

Вы заметите, что эти значения отличаются, а значит файл style.css вашей темы перезаписывает дефолтные размеры картинки. Многие темы, включая Twenty Sixteen, используют CSS для управления размерами картинки граватара для различных размеров экрана.

Вам понадобится открыть файл style.css в вашей темы и запустить поиск слова «avatar». Вы найдете CSS класс: .comment-author .avatar, который будет содержать вот такой код:

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

Изменяем ширину и высоту, которые будут соответствовать тому размеру, который вы ранее указали в comments.php.

Вот и все. Вы успешно изменили размер картинки граватара в своих комментариях.

Вероятно, у вас появится вопрос, почему мы сразу не воспользовались CSS, а лезли в код файла comments.php.

Да, можно использовать только один способ, но у двух сразу есть пара преимуществ:

1. Нет размытых картинок

Если вы захотите изменить размер граватара в WordPress и сделать его больше дефолтного, то картинка будет выглядеть размытым.

2. Быстрая загрузка

Если понадобиться уменьшить размер граватара, тогда способ с CSS подойдет лучше.

Однако, изменяя размер в comments.php, ваша картинка будет действительно меньше, что увеличит скорость работы сайта.

Изменяем размер Gravatar для блока «Об авторе»

В зависимости от используемой темы, граватары также могут использоваться в блоках об авторе. Здесь изменить его размер можно практически так же, как и в комментариях.

Потребуется найти место в файле темы, где выводится информация. Это могут быть файлы single.php, functions.php или даже отдельный файл шаблона. Тема Twenty Sixteen использует часть шаблона в файле под названием biography.php.

При поиске по этим файлам, вам потребуется искать код get_avatar.

Для примера мы возьмем упомянутую тему TwentySixteen. В папке с темой:

/wp-content/themes/twentysixteen/template-parts/biography.php file

Находится вот такой код:

$author_bio_avatar_size = apply_filters( 'twentysixteen_author_bio_avatar_size', 32 );

echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );

Вам потребуется только изменить цифру 32 на нужную.

В других темах код может выглядеть примерно так:

get_avatar( get_the_author_meta( 'user_email' ), 32);

После изменения размера обновите страницу, чтобы убедиться в том, что размер изменился. Если нет, то снова ищем класс аватарки в файле style.css как было с комментариями, обновляем размер еще раз.

Мы надеемся, что эта статья помогла вам изменить размер граватара в WordPress.