Как добавить аватары (мини-изображения) к комментариям на блогах

Сегодня размещаю статью Дмитрия Ченгаева об аватарах в блогах. Думаю, что материал изложенный в статье вам пригодится!

Как добавить аватары (мини-изображения) к комментариям на блогах.

Прежде чем мы начнем эту заметку, давайте разберемся с таким понятием, как аватары. Что же это такое? Я уверен, что Вы с ними уже не раз встречались, просто, может быть, не знали, что они так называются.

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

Например, она может выглядеть вот так:

Или так, в виде мультяшки

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

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

Такое стало возможным благодаря одному полезному сервису 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 – рядом с текстом комментария.

На этом все. Желаю Вам узнаваемости и приятного общения на просторах Интернет.

Источник: dimachen.info

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Сайт с платным доступом + Интернет-магазин на Вашем блоге WordPress!

Сайт с платным доступом + Интернет-магазин на Вашем блоге WordPress!
Я рекомендую!

ЛУЧШИЕ КУРСЫ РУНЕТА:

Все о web-дизайнe и создании сайтов от Евгения Попова

Фотошоп от Зинаиды Лукьяновой