Как зарегистрировать Gravatar и использовать его на WordPress

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

Граватар — это глобально распознаваемый аватар, проще говоря — картинка, которая следует за вами от сайта к сайту. Аватары помогают узнавать вас на сайтах, на блогах и на форумах, так почему бы не использовать их везде, где доступно?

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

Регистрация и настройка граватара

Gravatar принадлежит компании Automattic и позволяет пользователям хранить свой аватар, привязанный к электронной почте, на специальном сервере. При отправке комментария на стороне сайта вычисляется MD5-хеш от почтового адреса и отправляется на сервер, а в ответ возвращается аватар пользователя.

Если у вас есть учётная запись на сайте WordPress.com, то можете использовать эти данные для входа, в противном случае потребуется пройти несложную процедуру регистрации и активировать аккаунт, подтвердив указанный адрес электронной почты.

После регистрации в личном кабинете на вкладке «Мои граватары» будет привязан один основной адрес электронной почты. При необходимости добавьте новый, после чего появится возможность назначить его основным, а предыдущий адрес удалить.

Чтобы закрепить граватар за вашим электронным адресом нужно загрузить своё собственное изображение. Для этого нажмите на соответствующую ссылку, а затем загрузите новый файл, либо укажите ссылку на изображение в интернете или сделайте снимок с помощью веб-камеры. Среди прочего вы можете использовать ранее загруженные файлы.

После загрузки изображения отредактируйте его, обрезав его с помощью пунктирной рамки. На странице вы увидите, как будет выглядеть ваш новый граватар после нажатия на кнопку «Обрезать» и завершения редактирования.

Теперь выберите рейтинг вашего граватара. Дело в том, что владельцы сайтов имеют право настраивать отображение аватаров для посетителей, оставляющих комментарии, и указывать допустимый рейтинг. В таблице ниже я привожу разновидности и описание рейтинга:

Подходит для любой аудитории. Может содержать оскорбительные элементы, обычно для аудитории старше 13 лет. Рассчитан на взрослую аудиторию старше 17 лет. Для ещё более зрелой аудитории.

Мой граватар не содержит сцен насилия, сексуальных образов или неприличных жестов, он идеально подходит для аудитории любого возраста и мировоззрения, поэтому присваиваю ему рейтинг G .

Дело за малым! Изображение загружено, остаётся закрепить его за адресом электронной почты. Для этого в списке адресов (если их несколько) нажимаем на требуемый, а затем на изображение и подтверждаем действие. E-mail адресу присвоен глобально распознаваемый аватар. Готово!

Как включить отображение аватаров на WordPress

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

Укажите максимальный рейтинг и выберите аватар по умолчанию. Для пользователей, не имеющих своего аватара, можно показывать либо стандартное изображение, либо созданное автоматически на основе их e-mail:

Человек-загадка Пустой Логотип Gravatar Identicon (Автоматически) Wavatar (Автоматически) MonsterID (Автоматически) Ретро (Автоматически)

Что делать, если в настройках WordPress показ аватар включён, но граватары не отображаются на сайте? Скорее всего, вы используете устаревшую тему или такую тему, в которой не предусмотрен вывод аватарок пользователей.

Для решения проблемы нужно вручную добавить функцию вывода граватаров на WordPress. Откройте файл шаблона комментариев comments.php, он находится в папке с темой, и найдите в нём похожую строку с функцией comment_text() — она выводит на экран текст комментария:

Попробуйте перед ней вставить следующий код, содержащий функцию get_avatar() , которая отвечает за вывод HTML-кода с изображением аватара:

В этой функции я привожу в качестве примера вывод граватара для текущего комментатора, значение 64 указывает на размер изображения (высоту и ширину) в пикселях.

У функции get_avatar() есть множество параметров и аргументов, помимо приведённых в примере. Подробное описание находится в Code Reference для разработчиков.

Для визуального оформления используйте свойства CSS для класса img.avatar , например, таким образом можно настроить горизонтальное выравнивание аватара по левому краю относительно текста комментария и задать отступ справа:

Таким образом, комментируя записи любого блога на WordPress (а также некоторые форумы и сайты на других CMS) и указывая данный электронный адрес, у нас будет отображаться аватар, загруженный на этом сервисе. Если у вас остались вопросы — задавайте, с удовольствием на них отвечу!