Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация

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

gravatar

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

Введите в окошко ваш адрес электронной почты и нажмите 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-кода. Рассмотрим как это происходит.

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

Второй этап – запрос изображения. 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):

Чтобы разрешить изображения с рейтингом  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 вашей темы, зависит от того как именно выводятся комментарии.
Используемые функцией параметры:

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

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

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

.

Понравилась статья?
Подпишитесь на RSS по e-mail
Поделитесь в социальных сетях
Вы можете также посмотреть
Комментарии
  1. ох спасибо. Давно такую статью искал по граватару. Никак не мог разобраться как подключить у сайту.

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

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

*