Что такое граватар? Как его подключить?
gravatar

Что такое граватар? Как его подключить?

Nikel, 04.11.2013

Создание аватара для пользователя

Введите в окошко ваш адрес электронной почты и нажмите Get Your Avatar,  вы увидите сообщение — Зарегистрируйтесь в Граватар с WordPress.com. Сам процесс регистрации не сложен, нужно ввести адрес электронной почты и пароль.
Без имени-3
Зайдя в свой новый аккаунт вы обнаружите, что он стилизован под админку WordPress. Нажимаем слева Profile и попадаем на страницу, где вы можете заполнить данные о себе это Базовые детали (Имя, Фамилия, Ник, Местополжение), Контакты(E-mail, Skype, ICQ и т.д), загрузить фотографии, указать ссылки на сайты и наконец, указать внешние сервисы(выбрать из списка), которые будут подтверждать, что вы тот, за кого себя выдаете. Эти сервисы будут перечислены в публичном профиле.

Интересная деталь: помимо встраивания картинок на сайт, для владельцев сайтов предусмотрена также возможность внедрять на сайт  профиль пользователя.

Обычно в аккаунте справа отображается текущий граватар. Жмем Change your Gravatar, чтобы изменить его.

Эта ссылка открывает страницу с несколькими вкладками, на первой вкладке есть возможность управлять уже загруженными аватарами.При наведении мышки на картинку появляется 2 значка:крестик –удалить этот граватар и Буква рейтинга(который можно изменить) – об этом чуть ниже.
2
Вверху выделяется синим цветом адрес электронной почты, за которым можно закрепить один или несколько граватаров, для этого нужно нажать на картинку и в открывшемся окошке нажать кнопку Confirm(подтвердить).Don’t use this image позволяет открепить граватар от этой электронной почты.

Есть возможность  добавить новую электронную почту(ссылка add a new email над почтой) и  подключить к ней граватары. Можно назначить почту которая будет первичной (ее нельзя удалить) – ссылка Make Primary, любую другую можно будет легко удалить (ссылка Delete this email address).

3

Вкладка добавление картинки (Add Image)- можно добавить изображение с вашего компьютера, либо указать его url-адрес в Интернете. Затем предоставляется возможность обрезки картинки под необходимый размер (с помощью рамки). После ее загрузки  вам предложат выбрать рейтинг

G –подходит для отображения граватара на всех сайтах с любой аудиторией

PG – может содержать грубые жесты, провокационно одетых лиц или мягкое насилие

R – использование наркотиков, нудизм, интенсивное насилие

X – жесткое насилие и сексуальные образы

Без имени-1

Как внедрить граватары владельцу сайта

Для владельцев сайтов предоставляется две возможности: встраивание изображений и встраивание профилей Gravatar как упоминалось ранее.

Пользователи могут по желанию вводить различную информацию в своем профиле связанном с их аккаунтом в сервисе Граватар. Эта информация может быть в открытом доступе. Профиль страницы полностью размечен с помощью hCard(микроформат для встраивания информации о людях, организациях, учреждениях и местах в HTML). Данные профиля могут быть запрошены в виде различных форматов (JSON, XML, PHP, VCF/vCard, QR-Код).

Разработчики сервиса предлагают нам простое решение встраивания граватаров (изображений) на основе внедрения php-кода. Рассмотрим как это происходит.

Первый этап — получение хэшированного значения адреса электронной почты пользователя, так как изображения и профили и доступны через хэш электронной почты, и он считается основным способом идентификации личности в системе.  Как это сделать?

  • Обрезать начальные и конечные пробелы из адреса электронной почты(за это отвечает функция trim )
  • перевести все символы в нижний регистр(функция strtolower)
  • конечную строку преобразовать по алгоритму MD5 в хеш.
  • в результате получим

Второй этап – запрос изображения. Gravatar-изображения могут быть запрошены как обычные изображения, с использованием  тега img. URL запрос изображения выглядит следующим образом:

[php]http://www.gravatar.com/avatar/HASH[/php]

где вместо HASH — хэшированное значения для конкретного адреса электронной почты пользователя, который  вы запрашиваете. Например:

Этот URL необходимо подставить в src тега img, так как это то изображение граватара, которое нам нужно получить.

Если вам требуется указать тип расширения файла, то вы можете также добавить в конце адреса расширение(jpg):

По умолчанию представлены изображения  80px на 80px. Вы можете запросить конкретный размер изображения, которое будет динамически доставлено из Gravatar с помощью параметра s или size (параметры добавляются в конец URL после знака ?)

Разрешается указать размер картинки от 1px до 2048px , однако не забывайте, что у многих пользователей низкое разрешение  аватаров, поэтому запрашиваемые большие размеры могут привести к пикселизации / низкому качеству изображения.

Если вы предпочитаете использовать свое собственное изображение по умолчанию, то это легко сделать, указав ее  в d параметре. Ссылка должна URL-кодированной, чтобы все работало правильно, для этого применяется PHP, ниже пример:

При включении изображение по умолчанию, Gravatar автоматически использует эту картинку, если нет аватаров, ассоциированных с запрошенным хэшем электронной почты.

В дополнение к возможности использовать свои собственные изображения, Gravatar имеет ряд встроенных опций, которые можно использовать по умолчанию. Чтобы использовать их просто нужно передать одно из следующих ключевых слов, как  параметр d в запросе изображения (напр., d=mm):

  • 404 : не загружать любую картинку(по умолчанию), которая не связана с электронной почтой, вместо этого возвращает ответ HTTP 404 (файл не найден) .
  • mm : (Мистерия-человек) силуэт человека в мультипликационном стиле (не меняется в зависимости от электронной почты)
  • identicon : геометрический узор на основе хэша E-mail.
  • monsterid : сгенерированное «чудовище» с различными цветами, лицами и т.д.
  • wavatar : генерируются лица различных видов и фоны
  • retro : сгенерированное в 8-битном аркадном стиле лицо
  • blank : прозрачное изображение PNG (граница добавлены в HTML ниже для демонстрационных целей)

Чтобы разрешить изображения с рейтингом  G или PG нужно использовать что-то вроде этого:

Разрешается Сочетание любых перечисленных выше параметров для создания более сложных запросов.Например, этот URL будет запрашивать Gravatar 200px на 200px, оценка G или PG, по умолчанию 404 (отсутствие изображения), если нет ни одного связанного с запрашиваемым хэшем электронной почты:

Граватар на вашем сайте

Естественно, если вы используете какую-либо систему управления контентом, вы не будете вычислять хэш для каждого адреса электронной почты, введенного пользователем, он должен вычисляться динамически, с использованием средств конкретного движка. Рассмотрим на примере DLE. Шаблон комментариев comments.tpl позволяет получить e-mail пользователя с помощью тега {mail}.  Поскольку DLE не поддерживает использование php  в файлах шаблона, создадим простенький модуль gravatar.php  по адресу engine/modules/.( создайте его в блокноте и закачайте по ftp, либо прямо через панель управления, предоставляемую хостером, удобно пользоваться cPanel).В нем будет одна строчка

В файл comments.tpl вашего шаблона, в том месте, где вы хотите вывести аватар вставьте следующее

После этого картинка появится на вашей странице.

В последней версии DLE 9.8 все еще больше упростилось: внедрена поддержка сервиса Gravatar. Теперь можно отключить загрузку аватаров на сервер и оставить возможность использования только граватаров.

Если ваш сайт базируется на движке WordPress, все предельно просто, потому что WordPress имеет встроенную функцию по работе с граватарами. Это функция get_avatar. Ее можно вызвать следующим образом:

Приведенный код можно использовать как в файле functions.php так и comments.php вашей темы, зависит от того как именно выводятся комментарии.
Используемые функцией параметры:

  • id_or_email (обязательно): Авторский идентификатор пользователя (целое число или строка), E-mail Адрес (строка), или объект комментария из цикла комментариев. В большинстве шаблонов комментариев вы можете использовать $comment, чтобы отобразить граватар комментатора.
  • size (необязательно): отображает размер аватара (максимум-512px).
  • default (необязательно): Абсолютный путь для аватара по умолчанию (используется, когда человек не имеет адреса электронной почты, связанного с сервисом Граватар).

Еще некоторые моменты

  • По умолчанию Аватар размером 96×96 если вы не установите размер
  • Аватары будут отображаться только, если пользователь разрешает их в админке WP (включено по умолчанию).
  • Аватары будут показывать только на основе рейтинга, который пользователь выбрал в Панели Администрирования (о рейтингах читайте ниже).

Ниже можете посмотреть видео по теме

На этом по сегодняшней теме все! До встречи!

.

1 комментарий


    • Алексей
      Cancel Replay
    • Февраль 16, 2016

    ох спасибо. Давно такую статью искал по граватару. Никак не мог разобраться как подключить у сайту.