ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Граватар что такое Как установить на сайт

2018/06/20 Марат 605 0 HTML | PHP |
Если в не в курсе, то «Граватар» - gravatar - это всемирный аватар, который используется многими сайтами!

Как работает «Граватар»!?

1. Вы регистрируетесь по указанной выше ссылке и загружаете в свой аккаунт аватарку…
2.Идем на сайт, где есть комментарии с поддержкой «Граватара» - оставляем сообщение и ваш, комментарий будет подкреплен вашим аватаром!
3.Если вы захотите сменить аватар, то вам нужно вернуться на сайт и изменить вашу аватарку.. и все ваши аватары по всему миру изменятся!
4.По –мне, так очень удобная вещь, но всякая вещь имеет и положительные и отрицательные стороны…

Как использовать «Граватар» на сайте!?

Естественно, что нас на 100% - интересует вопрос использования «Граватара» на сайте – не буду вам рассказывать всего, что вы и так сможете прочитать на сайте, максимально кратко пробежимся по основным темам…

Как редактировать размер «Граватара»!?

На сайте есть описание, как редактировать размеры Граватара, но мне эти способы не нравятся, поэтому мы и не будем писать о них!

Я делаю очень просто… прикрепляем стиль к картинке и всегда можем уменьшить или увеличить все ваши Граватары на сайте..

Код:

<style>p img.gravatar   { width: 20px; } </style> <img class="gravatar" src="https://www.gravatar.com/avatar/'.md5( strtolower( trim( $gravatar ) ) ) .'.png"> 

Результат:

1.

Если вы собираетесь использовать Граватар на сайте, то он должен быть динамичным.. например складываем емайл в переменную

$gravatar = 'ваша_почта@сайт.домен';

И код, который и будет выводить вашу автарку...написание кода может отличаться - это всего лишь пример...

Как вы можете наблюдать, то основной функцией преобразования вашего емайла выступает функция md5.
И если захотите потом почитать - положительные и отрицательные свойства «Граватара»
<img src="https://www.gravatar.com/avatar/'.md5( strtolower( trim( $gravatar ) ) ) .'.png"> 

Результат:

2.

Если человек не зарегистрирован – как будет реагировать Граватар на несуществующую почту в системе Граватара!?

Мы написали интересную почту - «ваша_почта@сайт.домен» попустим её через md5 -получим -

908c5b8adaa664686e21f5cc88380c14

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png"> 

Результат:

3.

Для Гравтара есть еще несколько вариантов вывода аватаров по умолчанию. Если емайл не существует…

Добаляем - "?d=wavatar"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=wavatar"> 

Результат:

3.1.

Добаляем - "?d=retro"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=retro"> 

Результат:

3.2.

Добаляем - "?d=robohash"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=robohash"> 

Результат:

3.3.

Добаляем - "?d=blank"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=blank"> 

Результат:

3.4.

Добаляем - "?d=monsterid"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=monsterid"> 

Результат:

3.5.

Добаляем - "?d=identicon"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=identicon"> 

Результат:

3.6.

Добаляем - "?d=mp"

Код:

<img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=mp"> 

Результат:

4.

Принудительная произвольная картинка не зависящая от почты...

Не знаю зачем нужно такое - но раз уж есть, то и покажем...

Еще в спецификации по умолчанию можно выводить :

Код:

<img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=identicon&amp;f=y">

Результат:

Код:

<img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=wavatar&amp;f=y">

Результат:

Код:

<img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=retro&amp;f=y">

Результат:

Код:

<img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=robohash&amp;f=y">

Результат:


Разбор положительных и отрицательных свойств «Граватара»

Где бы я не высказывался, то пытаюсь донести, что у всякой вещи есть и положительное и отрицательное – как у медали – две стороны!

Вопрос лишь в том насколько одна из сторон перевесит другую.

Положительное в «Граватаре»

Очень удобно, что теперь не нужно париться над своей автаркой – это конечно же гениальная идея сделать такую вещь – как всемирный Гравтар! Преклоняюсь перед создателями!

Отрицательное в «Граватаре»

Это сторонний сервис и такое бывает, что сторонние сервисы закрываются! И ваш сайт с мегабайтами записанной информации с аватарками придётся переделывать!

Или же сервис просто не доступен.

Как-то была у меня такая история – было ужасно не приятно – пришлось много кода переделывать! Не завязывайтесь на другие ресурсы!

С вашими куками, что-то не то..., попробуете перезагрузить страницу..

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019