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

Что такое Граватар?

Граватар означает глобально рпризнанный Аватар. Это небольшая картинка, которая появляется в комментариях, биографии автора, сообщениях на форуме и во многих других местах на сайте WordPress. Gravatar – это бесплатный сервис, предлагаемый Automattic Inc, компанией, которая управляет WordPress.com и поддерживает проекты с открытым исходным кодом, такие как WordPress.org.

Отображаемое изображение граватара – это не что иное, как изображение профиля, связанное с идентификатором электронной почты учетной записи пользователя WordPress.com. Это означает, что у вас должна быть учетная запись WordPress.com, чтобы использовать gravatar в качестве идентификатора электронной почты. Изображение граватара отображается на всех сервисах, использующих Gravatar API, который можно использовать бесплатно. Ниже приведен пример изображения граватара, отображаемого помимо информации об авторе. Внешний вид, размер и цвет можно настроить с помощью настраиваемого CSS, который обычно контролируется внутри вашей темы или плагина.

Gravatar от автора биографии

Как создать Граватар?

Первый шаг – создать учетную запись WordPress.com. У вас уже должна быть учетная запись, если вы используете Jetpack или любые другие плагины, связанные с WordPress.com. Если у вас его нет, перейдите на сайт WordPress.com и создайте учетную запись.

Авторизоваться gravatar.com с данными вашей учетной записи WordPress.com. Перейдите к “Добавить изображение», Доступный под раскрывающимся списком вашего имени.

Добавление изображения Gravatar

Добавление изображения Gravatar

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

Как использовать Gravatar на сайте WordPress.org?

Войдите в админ-панель WordPress и перейдите к «Настройки> Обсуждение»Меню. Активируйте «Показать аватары“Флажок” под “Отображение аватара” раздел.

Использование Gravatar в WordPress

Использование Gravatar в WordPress

Выберите рейтинг своего аватара, WordPress предлагает следующие рейтинги для изображения:

  • G – Простое изображение, подходящее для любого возраста
  • PG – оскорбительное изображение для лиц старше 13 лет.
  • R – Изображение для взрослых от 17 лет и старше
  • X – более жестокое и взрослое изображение выше рейтинга R.

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

Граватарская Hovercard

По умолчанию при использовании электронной почты, связанной с учетной записью gravatar, будет отображаться только изображение. В дополнение к этому вы можете дополнительно продемонстрировать связанный профиль при наведении курсора, как показано ниже.

Граватарская Hovercard

Граватарская Hovercard

Установите и активируйте плагин Jetpack. Перейдите к “Jetpack> Настройки»И найдите модуль под названием«Граватарские Hovercards». Активируйте этот модуль для отображения профиля граватара при наведении курсора на изображение граватара.

Джетпак Граватар Ховеркарты

Джетпак Граватар Ховеркарты

Как работает Граватар?

Идентификатор электронной почты, используемый в учетной записи gravatar, преобразуется в строку, называемую хешем. Давайте рассмотрим пример адреса электронной почты «123@test.com», зарегистрированного на сайте Gravatar. Это электронное письмо преобразуется в хеш-значение, например, «abcd». Теперь вы можете получить изображение граватара, просто используя HTTP-запросы GET с тегом IMG, как показано ниже:

В приведенном выше коде:

  • «Abcd» – вычисленное значение хеш-функции.
  • Соответствующий идентификатор электронной почты – «123@test.com».
  • S = 250 используется для изменения размера изображения до размера 250 пикселей.

Когда на вашем сайте WordPress.org включен граватар, платформа будет использовать вышеуказанный метод для получения изображения граватара, связанного с идентификатором электронной почты.

Проблемы с использованием Gravatar

Хотя изображение выглядит привлекательно и используется почти всеми плагинами комментирования, доступными на WordPress.org, есть моменты, которые следует учесть перед активацией Gravatar.

  • Gravatar API не имеет никакой авторизации, что означает, что любой, кто знает ваш электронный идентификатор, может вводить комментарии, и ваше изображение будет отображаться без вашего разрешения.
  • Обычно изображения граватара не кэшируются, что приводит к медленной загрузке страницы. Вы можете увидеть эту проблему при использовании Инструмент Google PageSpeed ​​Insights в разделе «Использовать кеширование браузера».
  • Службы WordPress.com заблокированы в некоторых странах, поэтому небольшое изображение может занять много времени и значительно задержать загрузку страницы, особенно когда на странице есть сотни комментариев.
В ожидании изображения Gravatar

В ожидании изображения Gravatar

  • Отображение граватара на мобильных устройствах сделает ваши комментарии более загруженными и нечитабельными. Вы можете использовать настраиваемые медиа-запросы CSS и скрыть изображения граватара на мобильных устройствах.

Как использовать собственное изображение Gravatar?

Вы хотите показать изображение аватара, но не хотите использовать изображение с gravatar.com или не хотите создавать учетную запись wordpress.com. В таком случае установите и активируйте Аватар пользователя WP плагин. Этот плагин позволяет пользователям загружать собственное изображение в качестве аватара. Вы можете отключить граватар по умолчанию и использовать изображение, загруженное пользователем, для показа на сайте.

Использование собственного аватара в WordPress

Использование собственного аватара в WordPress

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *