TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

34

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

Gravatar расшифровывается как G lobally R ecognized Avatar. Это небольшая картинка, которая появляется в комментариях, биографии автора, сообщениях на форуме и во многих других местах на сайте 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 на сайте WordPress.org?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Идентификатор электронной почты, используемый в учетной записи 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 на сайте WordPress?

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

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

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

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

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

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

Источник записи: www.webnots.com
Leave A Reply

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