Как добавить аватары (мини-изображения) к комментариям на блогах.
Прежде чем мы начнем эту заметку, давайте разберемся с таким понятием, как аватары. Что же это такое? Я уверен, что Вы с ними уже не раз встречались, просто, может быть, не знали, что они так называются.
Аватара – это мини – изображение, которое появляется рядом с комментарием оставленным пользователем на блоге, форуме и.т.д.
Например, она может выглядеть вот так:
Или так, в виде мультяшки
В любом случае, с помощью аваторок создается впечатление, что ты общаешься с живым человеком, и появляется некий образ, который ассоциируется с ним. Это придает общению более интересный характер.
Давайте попробуем и мы с вами добавить себе аватару, самое интересное заключается в том, что добавлять мы ее будем только один раз, а отображаться она будет сразу на множестве блогов, где поддерживается эта функция. Вам даже не нужно будет на каждом из них регистрироваться.
Такое стало возможным благодаря одному полезному сервису http://www.gravatar.com. Он англоязычный, но не беспокойтесь, я сейчас постараюсь дать инструкции, как им пользоваться.
Все работает очень просто. Сервис привязывается к Вашему e-mail адресу и в тех комментариях, в которых вы его указываете, появляется ваша аватара.
Итак, пошаговый процесс добавления своей аватары.
1 Шаг. Загружайте сайт этого сервиса и переходите по ссылке Sign up now!
2 Шаг. Вводите свой e-mail адрес, и на него придет письмо примерно такого содержания:
Переходите по соответствующей ссылке. Это стандартная процедура активации.
3 Шаг. Необходимо придумать себе прозвище (Nickname) (по которому можно будет войти в аккаунт) и пароль (Password). Важно, чтобы эти поля были заполнены строчными буквами, без пробелов и знаков препинания.
Примечание. Почему-то сервис плохо работает с браузером Opera, и зарегистрироваться с его помощью не удалось. Пришлось воспользоваться Firefox.
4 Шаг. Войдите в свой аккаунт и перейдите по ссылке Add one by clicking here!
5 Шаг. Приготовьте на своем домашнем компьютере мини-изображение. Очень важно сделать его квадратным, размером где-то 80*80 пикселей. Это можно сделать в графическом редакторе Photoshop.
Как изображение будет готово, можете загружать его по ссылке My computer’s hard drive.
6 Шаг. Выберите разрешенный рейтинг аватары для показа.
Что каждый из них обозначает:
X – может содержать "хардкор сексуальные изображения" или "крайне тревожное насилие".
R – может содержать такие вещи, как "жесткую ненормативную лексику", "интенсивное насилие", "обнаженных людей", или "жесткие наркотики".
PG – может содержать "грубые жесты", "провокационно одетых людей", "ругательные слова", или "мягкое насилие".
G – подходит для показа на всех сайтах и с аудиторией любого типа.
Вот и все. После 6 несложных шагов, у вас появляется возможность оставлять вместе с комментарием свое мини-изображение.
Теперь давайте поговорим, как можно добавить такую функцию на свой блог WordPress. Еще один пошаговый процесс:
Шаг 1. Скачайте плагин по этой ссылке Easy Gravatars.
Шаг 2. Распакуйте и скопируйте файлы в папку плагинов вашего блога /wp-content/plugins/
Шаг 3. Активируйте его в администраторской панели.
Шаг 4. Переходите в раздел Настройки – Easy Gravatars
Давайте посмотрим, что обозначает, каждая опция
Size, in pixels (maximum: 80): размер аватары в пикселях, максимально возможный 80 пикселей.
Allowed Rating: разрешенный рейтинг аватарки. О нем мы уже говорили выше.
Default image url: путь к изображению, которое будет выводиться у тех комментаторов, у которых аватара не установлена.
Span style: CSS стили для контейнера (span), в котором будет показываться аватарка.
Я установил следующие:
float:right; margin-left:10px; display:block
API Hook: определяет место, где будет показываться аватарка.
Comment Autho Link – рядом со ссылкой автора комментария,
Comment Text – рядом с текстом комментария.
На этом все. Желаю Вам узнаваемости и приятного общения на просторах Интернет.
P.S. Если Вы хотите, чтобы люди на вашем блоге чаще использовали аватары, то можете разместить эту инструкцию у себя на сайте, только оставляйте также ссылку на этот блог. Ответная ссылка в разделе «Информационный спонсор» за это гарантируется.
Информационный спонсор:
4. Здесь может быть ссылка на Ваш сайт
Понравилась заметка?
Получайте подобные на e-mail.
Вот пример моей аватарки.
А за "Статистика сайта 24 часа." http://zhizn.zarinet.ru/?p=14 с ссылкой нельзя попасть в "информационный спонсор" и за партнёрские ссылки с http://bravoo.zarinet.ru/, всё равно и эту размещу, полезной оказалась, у меня на Ваши ресурсы уже ссылки есть, одной больше, одной меньше…
Хороший пост, как раз в тему. Сейчас делаю видео о работе с WordPress, пригодится
Спасибо! Интересная тема…
Сейчас и проверим!
Спасибо, сохранил на будущее.
Аватарку создал.
Страницу не могу загнать на хост уже часа два, наверно, сервак подвис будет bravoo.zarinet.ru/avatara.html , по-моему так.
Вот как, я только хотел уведомить, что статьи здесь http://zhizn.zarinet.ru/?p=40 про, которую Вы ещё не знали – только закинул в инет и полная здесь http://bravoo.zarinet.ru/avatara.html – со вчерашнего вечера.
Ну, что ж, большое спасибо и за учения и за спонсора.
Дальнейших успехов.
P.S. Поставил плагин в блог – работает, а теперь, неспеша можно заняться и собственной аватарой.
Вам тоже успехов, Евгений. Надеюсь, что с аватаркой все тоже получитсья.
Да, конечно, куда она денется.
Спасибо.
Спасибо! за хороший пост
Вот пример моей аватарки, надо будет ещё поработать над дизайном
Писал давно подобное тут http://lecactus.ru/2007/06/15/455/
а вообще юзать ВСТРОЕННУЮ фичу аватара в последних ВП и стилями оформлять стандартными средствами
А у тебя, Иван, в ссылках не видно вроде, всё запалонил ВПом.
Граватар – это вообще афигенная штука. Не надо париться на счёт авы!
P.S. Немножко не в тему, но всё же: Дима, доработай форму поиска, а то она у тебя за границы основного шаблона вылезает.
Спасибо за совет, Алексей! Видимо этот глюк появляется при другом разрешении экрана, у меня все нормально. Попробовал исправить. Посмотрите.
Интересная инфа, спасибо, прикольная штука
Тоже этот сервис юзаю.
Спасибо, все понятно. Маленькое дополнение – изображение 80х80 готовить не обязательно, можно кадрировать большое изображение прямо на сервисе.
Получилось! Спасибо.
Только вот для ника пришлось добавить пару знаков, 7-ми не хватило и для пароля 6-ти знаков тоже не хватило.
Да, встроенные функции ВП- вполне справляются. Или можно плагин добавить local-avatars, что бы пользователи локально могли на сайт заливать свои аватарки
Странно, почему моя аватарка перестал появляться в комментариях
Ну, так и есть. Отправила комментарии и опять без аватарки. А ведь была, вот у первого комментария есть
Лариса, сервис gravatar привязывается к Вашему e-mail адресу, который Вы указываете в комментариях.
Первый раз Вы указали:
@rambler.ru
второй раз
@mail.ru
Как результат аватар не показался.
Дима, доработай форму поиска, а то она у тебя за границы основного шаблона вылезает.
Форму поиска доработал. Посмотрите, так лучше?
Рухнул сервер, пропали статьи за неделю. Новый адрес Вашей статьи со ссылкой на Вас: http://chekalov.com/?p=3348
Благодарю за подробное описание.
Я воспользовался этой услугой, пока незнаю что получилось.
Но ваша информация чуть-чуть устарела.
Этот сервис на половину русифицирован.
Работает!
Дмитрий, большое спасибо за помощь и подробное описание… На Ваш сайт я ссылку дал в своём блоге… Правда блог пока ни чем не наполнен, постараюсь как можно скорее этот пробел закрыть…
Спасибо Дмитрий за рассылки.
Александр Раздорский
Только ждать активации в сервисе кажется оочень долго, мне письмо так и не пришло
Уведомление: Блог Геннадия » Как добавить аватары (мини-изображения) к комментариям на блогах.
спасибо Дмитрий за полезные советы!
Сделала все как Вы писали.
Прочел статью и не удержался, чтоб тут же не проверить)
Спасибо
я у себя тему сменила, и теперь граватарки не видно… их не на все темы можно устанавливать?
Кристина, если в теме нет отображения аватар в комментариях, то они и не будут отображаться.
Нужно рыться в коде.
А сервис ориентируется на Ваш e-mail и относительно него добавляет аватар.
хорошо, а какой код нужно вставить, чтобы отображались?
Почитайте это
http://wphelp.ru/2008/avatary-v-wordpresse.htm
Может быть поможет.
Все бесплатно ru-site.info
Pay-Per-View Chat v1.5 [Nulled] на ( portal.vit.ks.ua ) Скрипт PPVChat – это
видео/звуковая сеть, которая позволяет живой чат. Скрипт в первую очередь
предназначен для оказания платных интим услуг. Все без регистрации! Без смс!
Бесплатно!
прикольный сайт
Согласен со всеми
Добавмть нечего
Много плезной информации!
Измени меня админ!
т.е. ИЗвини
А у меня на блоге этот плагин почему то не работает.
Может он не сразу начинает работать?