Граватар — как зарегистрироваться на сайте ru.Gravatar.com и создать для себя глобальный аватар

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com! Сегодняшняя статья, наверное, больше предназначена начинающим, поскольку мне сложно представить, что кто-то из опытных юзеров не знает о существовании понятия gravatar. Ну а об аватарке (изображении или фото, связанном с тем или иным пользователем в сети), думаю, наслышаны все.

Так вот, Граватар — это просто аватар (его еще называют глобальным по той причине, что используется повсеместно), который вы создаете себе на специальном сервисе и привязываете его к своему эмейлу. Это изображение будет впоследствии сопровождать вас при вашей активной деятельности в интернете.

Например, при заполнении полей формы комментариев на каком-либо сайте, форуме или блоге вы обычно указываете свой адрес электронной почты. После опубликования сообщения рядом с вашим комментарием появится изображение либо фото, которое вы выбрали при настройке.

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

Русский Граватар - регистрация и создание картинки глобального аватара

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

Нас больше интересует сайт Граватар на русском. Такой вариант Gravatar.com имеется, хотя содержание опций интерфейса до конца не переведено, но что есть, то есть. Итак, переходим в русскоязычную секцию этого онлайн сервиса и нажимаем большую кнопку «Создайте собственный граватар»:

После этого перейдете на страницу регистрации. Обращаю ваше внимание на то, что вы можете для входа использовать логин и пароль вашего аккаунта на бесплатном блогохостинге WordPress.com (это очень полезный ресурс, в том числе для продвижения вашего основного вебсайта). Если же учетной записи у вас там нет, то следует заполнить короткую регистрационную форму:

Для начала вписываете адрес почтового ящика и имя пользователя. Если, например, подобный email уже зарегистрирован, то вам будет предложено авторизоваться, перейдя по ссылке «Log in». Ежели введенный вами никнейм имеется в базе данных, то система подскажет об этом красным сообщением «Sorry, that username already exists!»:

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

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

Итак, для завершения регистрации нажимаете на кнопку «Sign up», в результате на указанный при регистрации e-mail придет письмо со ссылкой для активации аккаунта:

После того, как вы его активируете, наряду с учетной записью в Gravatar.com, будете иметь одновременно не только аккаунт на WordPress.com, но и доступ на сопутствующие сервисы Polldaddy, Akismet и VaultPress, что, на мой взгляд, очень удобно. К примеру, на странице активации вы можете сразу перейти в свежеиспеченную УЗ Вордпресса:

Но нам нужен сайт Граватар, поэтому жмем «Sign in to Gravatar» (в дальнейшем для авторизации можно использовать на главной странице сервиса кнопку «Войти» в правом верхнем углу). После входа в учетную запись вы оказываетесь во вкладке «Мои граватары»:

Если интерфейс будет на английском, то в самом низу веб-страницы найдите и нажмите на «Language», после чего можете выбрать нужный вам язык, естественно, включая русский.

Указанный при регистрации адрес электронной почты будет основным (primary) и в дальнейшем его нельзя будет удалить. Настало время загрузить картинку и связать ее с этим эмейлом.

На странице загрузки выбираете способ, с помощью которого вы желаете добавить фото или картинку («Upload new» - загрузить новую с компьютера, «Past uploads» - выбрать из последних загруженных, «From URL» - прописать адрес изображения, которое хранится на сервере какого-нибудь фотохостинга или «From webcam» - захват фотографии с веб-камеры, в этом случае вы должны обеспечить доступ к ней системе):

Я выбираю самый распространенный вариант, а именно скачиваю картинку для будущего граватара с компьютера. Вы можете загружать любое по размеру фото, при необходимости оно будет уменьшено. Однако, имейте ввиду, что существует ограничение по весу изображения. Лимит составляет 1Мб, что, впрочем, больше, чем достаточно.

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

Вы можете использовать несколько иконок (например, я на этом блоге применяю в комментариях иконку с изображением логотипа, которая отличается от основной). Чтобы загрузить еще столько картинок, сколько вам необходимо, повторяете описанную выше процедуру, каждый раз активируя ее нажатием «Add a new image».

Также можно добавлять дополнительные эмайлы, кликая по линку «Add email address»:

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

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

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

Схематически результат выше описанных операций можно представить так:

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

Само собой разумеется, что загруженные аватарки можно удалять, как насовсем нажатием крестика под каждой иконкой, так и просто "освобождая" конкретный email от привязанного к нему изображения («Remove image»).

Похожим образом есть возможность "применить насилие" и по отношению к адресу эл. почты. «Delete email» - удалить, «Make primary email» - превратить какой-то из эмайлов в основной (при активации этой опции бывший ранее базовым адрес станет одним из второстепенных).

Кроме того, существует возможность поменять рейтинг, щелкнув по изображающей его иконке, а также просмотреть, как будет выглядеть ваш граватар на сайте при присвоении ему различных видов рейтинга («View rating»).

Настройка личного профиля на сервисе Граватар

Вкратце остановимся на настройке профиля. На вкладке «Личные данные» раздела «Мой профиль» предоставляете ту информацию, которую посчитаете нужной. Не лишним будет дать краткое описание своей деятельности, вероятно, это окажется полезным:

Далее. Если перейти во вкладку «Фотогалерея», можно загрузить изображения или фотографии, которые используются для профиля или создания новых граватаров.

Во вкладке «Вебсайты» у вас есть возможность добавить ссылки на свои ресурсы, если, конечно, они имеются, в том числе созданные на WordPress.com. В этом случае щелкаете по квадрату со значком плюс и в открывшееся поле вводите URL и название проекта. Не забудьте сохранить информацию, нажав на соответствующую кнопку.

Кроме этого, вы в силах изменить фон (выбирайте его цвет, щелкнув мышкой прямо по полю со знаком решетки, либо загрузите фоновое изображение), указать контактную информацию (email, сотовый или мобильный телефон, Skype, ICQ и т.д.). Также можете подтвердить ваши учетные записи в других сервисах и социальных сетях («Подтвержденные сервисы»).

Ну и тренд последнего времени в области интернет финансов тоже здесь присутствует в виде возможности предоставить свои кошельки криптовалют (Bitcoin, Litecoin, Dogecoin), которые являются современными формами цифровой валюты.

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

Активация иконки gravatar на сайте WordPress

Для активации граватара в админ панели WordPress (здесь подробная информация о том, как войти в админку и настроить важнейшие опции, а здесь о том, как управлять сайтом) перейдите из левого меню по пути «Настройки» - «Обсуждение», где, прокрутив страницу чуть ниже, настраиваете аватары:

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

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

Кроме того, есть несколько вариантов аватарок по умолчанию для тех комментаторов, кто еще не имеет своего граватара в интернете. Я выбрал указанный на скриншоте (Wavatar), вы можете выбрать другой, здесь нет никаких ограничений.

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

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

Продолжим. За вывод аватаров в WP отвечает функция:

<?php echo get_avatar($comment, 50); ?>

Где число 50 означает размер картинки (50x50 пикселов). Обычно она содержится в шаблоне comments.php. Это в том случае, если вывод комментов осуществляется по стандартной схеме. Если же у вас предусмотрен гибкий вариант комментариев (то есть без проблем настраиваемый по вашему желанию), то она, скорее всего, будет располагаться в functions.php.

Для редактирования используем самый надежный вариант, то есть, соединяемся по ФТП и открываем файлы сайта, расположенные на хостинге, посредством самого лучшего редактора Нотпад++ (по моему скромному мнению).

Чтобы понять, какой из выше означенных шаблонов нужно задействовать, воспользуйтесь опцией поиска Notepad++ (верхнее меню) и введите в поисковую строку:

comment_author

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

<?php comment_author_link() ?>

либо так:

<?php get_comment_author_link() ?>

Вот теперь найдено примерное место вставки строчки, которая будет отвечать за отображение аватара. Естественно, точное местоположение я указать не могу, поскольку темы у всех разные. Я в силах только предоставить скриншот и показать, как выглядит это у меня (кстати, get_avatar у меня располагается в файле functions.php):

При редактировании шаблонов будьте внимательны. Но если произойдет какая-нибудь ошибка, замечательный редактор Нотпад++ позволит все вернуть в исходное состояние. Это одно из его основных преимуществ.

Как устранить проблему в отображении граватара

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

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

Это означает, что граватар, привязанный к конкретному эмейлу, не работает и для этого адреса электронной почты выводится дефолтная картинка. Очистка кеша браузера ничего не дала, поэтому я решил проблему следующим образом.

Посетил сервис ru.Gravatar.com, вошел в свой аккаунт и удалил email, который соотнесен с блогом Goldbusinessnet.com, а также связанную с ним картинку аватара. Затем вновь добавил тот же адрес электронной почты и то же изображение. После обновления страницы все вновь заработало:

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

Еще статьи по данной теме:
Самые интересные публикации из рубрики: Полезные программы и сервисы

5 отзывов

  1. Сергей Фатеевич

    Здравствуйте Игорь!Не могу изменить прикрепленный аккаунт, не подскажите как сделать. Добавлена форма авторизации через Loginza, кстати она мне не нравится, что посоветуете?!

  2. Игорь Горнов

    К сожалению, я Loginza не пользуюсь.

  3. Ольга Куслап

    Спасибо!

  4. Игорь Горнов

    Пожалуйста, Ольга.

  5. Наталья

    У меня с граватарами проблема. w3 дает ошибку о лишнем

     <img alt='' src='https://secure.gravatar.com/avatar/5df3edb7a64c51c8f092aa02ed00a795?s=48&d=ret…96&amp;d=retro&amp;r=g 2x' class='avatar avatar-48 photo' height='48' width='48' itemprop="image" /> 

    itemprop
    как его убрать не могу разобраться. Такое ощущение, что с граватара вместе с картинками приходит

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

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

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.