Добрый вечер, мои читатели. Вчера я, как обычно, просматривал комментарии на своих сайтах. В одном из них пользователь спросил меня, как установить свою аватарку вместо стандартной gravatar. Я его уже было послал в Пользователи->Ваш профиль и только потом понял, что в вордпрессе изначально нет возможности установить свой аватар. Я по обещал моему читателю устранить эту проблему и пошёл искать её решение. О том, что у меня получилось, читайте далее.

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

Я решил пойти другим путем: пошёл на официальный сайт вп и выполнил поиск плагина аватара для wordpress: http://wordpress.org/extend/plugins/search.php?q=avatar . Увидел огромное количество плагинов. Установил первый попавшийся — Add Local Avatar. Он мне сразу не понравился, какой-то он слишком большой. Выключил, удалил.

Затем я обратил свое внимание на плагин . Скачал его, установил. Он сразу заработал без каких-либо дополнительных действий. Однако, в нем есть несколько минусов:

• Нельзя выбрать папку, в которую будут загружаться аватарки. Они загружаются туда же, куда загружаются все медиафайлы.
• Нет ограничения на размер аватара (можно загрузить хоть 10 мб файл).

Все остальное в плагине реализовано:

• Автоматический ресайз картинок: вы загружаете картинку любого размера, скрипт создает несколько её копий тех размеров, которые используются на вашем сайте. Если копия уже создана, скрипт не будет её создавать заново, а вернет старую копию уменьшенной картинки.
• У вас есть возможность запретить загружать аватары всем, кто по РАНГУ ниже, чем автор.
• Самый главный плюс. Плагин переопределяет функцию . Это значит, что, если вы где-то на сайте уже выводили аватары пользователей, то, установив плагин, у вас все будет также работать, так как имя функции — не изменилось.

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

• Все аватарки будут загружаться в папку ABSPATH . «wp-content/uploads/avatars» .
• Пользователи смогут загружать только файлы, чей размер меньше 100 кб.
• Пользователи смогут загружать только такие файлы, в чьем имени нет .shtml, .php .

Установка плагина:

1. Установите плагин, как вы это делаете обычно.
2. Создайте папку wp-content/uploads/avatars .
3. Установите права 755 для этой папки.

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

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

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

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

Аватар на сайте WordpRess, с точки зрения посетителя сайта , можно разделить на два вида стандартные и собственные .

1. Стандартные аватары — это те, что выбрал в настройках владелец сайта.

К слову сказать, они могут быть такими:

• Стандартный и уже классической вариант это человек-загадка (белый силуэт на сером фоне). Это самый популярный аватар на многих и многих сайтах.
• Если автор не хочет, чтобы в комментариях были картинки, то он выбирает значение «Пустой».
• О том, что такое Gravatar, я написал ниже по тексту. В этом же варианте у всех пользователей будет отображаться их синий логотип.
• Далее идут группы аватаров, которые генерируются автоматически для каждого пользователя сайта на основе введенного им E-mail адреса. Эти настройки сохраняются и в будущем этот человек будет всегда писать комментарии под этой картинкой на данном сайте.

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

2. Свои собственные, уникальные аватары.

Сайт под управлением WordPress используют технологию Gravatar. Она позволяет любому пользователю зарегистрироваться на сайте , установить себе уникальный аватар, например, свой портрет, и привязать эту картинку к E-mail адресу .

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

Примечание

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

Как установить свой уникальный аватар

Итак, если Вы решили сделать свой собственный, уникальный аватар для всех сайтов WordPress, то следуйте этой инструкции:

Шаг 1 Перейдите на сайт Gravatar — Глобально распознаваемый аватар .

Шаг 2

Нажмите на большую кнопку «Создайте собственный граватар» .

Или нажмите на «Войти» вверху экрана, а затем «Create an Account» (Создать новый аккаунт).

Шаг 3

Какой бы Вы не выбрали способ, должно появиться такое окно:

Заполните поля:

• E-mail адрес (должен быть реально существующим, иначе не пройдете 4 шаг);
• Ваш никнейм он же логин (должен быть уникальным, но использовать его на сайтах для комментирования совсем не обязательно);
• придумайте пароль (должен содержать буквы и цифры).

Внимание! Вводя E-mail адрес, Вы делаете к нему привязку аватара. Отныне, чтобы Gravatar работал , необходимо на сайтах WordPress использовать только этот E-mail адрес . Иначе система Вас не идентифицирует, а значит будет отображаться стандартный аватар.

Шаг 4

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

После чего WordPress поблагодарит за регистрацию и предложит войти в аккаунт:

Шаг 5

Вот и наконец-то появилось основное окно управления аккаунтом. Вы видите какие E-mail адреса Вам принадлежат. Нажав на кнопку «Add email address» можно добавить еще и еще почтовые ящики. Но нас интересует аватар, поэтому скорее жмем на «Add a new image» (Добавить новое изображение).

Шаг 6

Появится окно выбора источника изображения: загрузить с компьютера, указать ссылку на изображение (если оно уже есть где-то в интернете), выбрать из ранее загруженных (актуально, если ранее вы уже добавляли картинки в галерею Gravatar) и сделать фото через вебкамеру.

Шаг 7

Классический вариант «Upload new» (загрузить с компьютера). Кликаем и переходим в следующее меню, в котором нужно указать путь до изображения на компьютере. Нажмите на «Выберите файл», найдите его и жмите на «Next» (Далее).

Шаг 7

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

Ниже на странице можно увидеть как будет смотреться эта картинка на маленьком и большом аватаре.

Когда определитесь с областью, нажмите на «Crop and Finish» (Кадрировать и закончить).

Шаг 8

Последний штрих — указать какая возрастная категория может смотреть на Ваше изображение. Здесь уже все зависит от Вашего культурного воспитания и нравственности.

• G - Подходит для любой аудитории
• PG - Может содержать оскорбительные элементы, обычно для аудитории старше 13 лет
• R - Рассчитан на взрослую аудиторию старше 17 лет
• X - Для ещё более зрелой аудитории

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

Шаг 9

Все готово! Теперь можно протестировать как это работает. работает как раз на движке WordPress, поэтому Вы можете написать комментарий на этом сайте под любой записью. Вот, что получилось в итоге:

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Одним из самых востребованных и известных плагинов является WP User Avatar . Данное расширение позволяет увеличить функционал работы со стандартными аватарами в системе. Благодаря ему, Вы сможете сменить обыденный и типичный стандартный аватар на что-то свое, а также расширение позволяет делать систему аватаров: каждый зарегистрированный пользователь получит свой собственный аватар. Это облегчает и детализирует стандартные комментарии, делая их более привлекательными и легко читаемыми, позволяя отказаться от сервиса Gravatar.com…

Основные возможности плагина:

• Добавлять свои собственные аватары;
• Изменить аватар по умолчанию;
• Назначать пользователям разные аватары;
• Позволяет загружать пользователям свои аватары;
• Есть возможность отключить стандартный аватар, поменяв его на более подходящий;
• Позволяет задавать ограничения на загрузку и размер картинки.

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

Установка, настройка и применение возможностей

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

1. Скачайте архив с плагином с официального каталога WordPress: http://wordpress.org/plugins/wp-user-avatar/
2. Распакуйте его в папку
3. Откройте FTP — клиент и разверните соединение со своим сайтом
4. Загрузите распакованную папку с плагином по пути: WP-Content/Plugins
5. После можно закрыть или свернуть FTP-клиент
6. Перейдите в админ — панель WordPress вашего сайта и откройте раздел «Плагины»
7. Найдите загруженный плагин WP User Avatar и Активируйте.
8. После можно приступить к ознакомлению и настройке. Пройдя в раздел «Параметры / WP User Avatar»

После установки плагина он имеет настройки по умолчанию(их можно посмотреть либо в техническом описании к плагину, либо в параметрах самого плагина).

Настройка плагина выполняется через графический интерфейс, в котором можно воспользоваться всеми функциями и возможностями, которые были заложены в расширение. Для того, чтобы внести изменения, достаточно изменить пару настроек и нажать кнопку внизу страницы «Сохранить» — Ваш сайт уже смотрится по-другому.

Вместо послесловия

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

Продолжая тематику реализации хочу рассмотреть один интересный плагин, который поможет разнообразить ленту комментариев блога. Далеко не все пользователи зарегистрированы в Gravatar, поэтому на сайте время от времени попадаются стандартные картинки-заглушки. Вы можете выбрать в настройках системы один из вариантов автоматической подстановки иконок (MonsterID, Wavatar, Identicon) или же на свое изображение. С одной стороны добавляете оригинальности списку комментариев, с другой — все это не имеет никакого отношения к конкретному пользователю, т.к. генерируется случайным образом. Выход есть, и это плагин WP First Letter Avatar.

Основная цель модуля — автоматическая установка оригинальных аватаров для вордпресс пользователей без подключения сервиса Gravatar (по сути, его альтернатива). При создании соответствующих картинок используется первая или любая буква из имени юзера + добавляется разноцветный фон. В итоге вы получаете что-то типа этого:

В WP First Letter Avatar есть множество разных настроек и фишек, видно, что автор проработал все до мелочей. Модуль добавит немного ярких красок в ваш блог, а также привлечет внимание посетителей и, возможно, подтолкнет их к написанию . Очевидно, что это куда более интересное решение чем базовые «заглушки», плюс картинки напрямую привязаны к личности автора.

Основные функции WP First Letter Avatar:

• Плагин генерирует аватары в вордпресс практически для любых имен пользователей: латиницы, кириллицы, цифр и даже арабского алфавита.
• Поддерживаются разные размеры: 48px, 96px, 128px, 256px, 512px причем модуль выбирает наиболее оптимальный вариант дабы не выводить слишком большие изображения в случаях, где достаточно минимальных 48px.
• В архиве найдете также PSD исходники иконок по умолчанию.
• Вы можете подправить текущие картинки (с помощью PSD макета) либо же добавить свой абсолютно новый набор. Это сделает ваш проект максимально уникальным, ведь таких аватаров для вордпресс комментариев не будет больше ни у кого.
• Вся графика оптимизирована через сервис TinyPNG поэтому она максимально легкая.
• Решение совместимо с bbPress и wpDiscuz. С BuddyPress используйте специальную модификацию — BuddyPress First Letter Avatar.

Установка и настройка WP First Letter Avatar

Скачать плагин либо через поиск по названию внутри админки. Очень важная деталь — для работы ему нужно как минимум PHP 5.4! Если при активации вы увидите сообщение о критической ошибке, то скорее всего проблема именно в версии PHP. Обратитесь к своему хостеру за помощью.

На момент написания обзора актуальной была версия 2.2.7. Она требовала минимум вордпресс 4.6, так что сайты на старых сборках вам придется . Загрузок не так много — больше 3 тысяч, оценка практически максимальная — 4,8 (кто-то поставил 1 балл, т.к. не смог его запустить).

После активации модуля он сразу же начнет работать без дополнительных настроек — все вордпресс аватары, которые не используют Gravatar, получат картинки с первой буквой имени. Вы можете внести некоторые правки в работу решения в разделе «Настройки» — «WP First Letter Avatar».

Здесь есть:

• Letter index — номер считываемой буквы в имени комментатора: «0» — первая, «1» — вторая и т.п., «-1» — последняя.
• File format — формат png или jpg.
• Unknown image name — имя файла для неизвестных ников, где невозможно применить алгоритм распознавания (по умолчанию mystery.png).
• Avatar set — текущий набор вордпресс аватаров (по факту, это название папки на хостинге, где хранятся иконки-заглушки wp-first-letter-avatar/images/default/ ).
• Use Gravatar — учитывать ли оригинальные Gravatar`ы на сайте. Если выключить, все картинки будут генерироваться через WP First Letter Avatar.
• Round avatars — круглые изображения (как в Google+).
• Plugin filter priority — когда используете несколько плагинов для аватаров, данная настройка позволяет устанавливать приоритетность. Так, например, если WP First Letter Avatar будет мешать работе других модулей, уменьшайте данный параметр. Иногда следует поставить значение от 11 до 9999 дабы наоборот сделать его более приоритетным.

Итого. Что не говорите, а плагин крутой. Во-первых, это смотритмся оригинально, во-вторых, отлично реализовано и продумано до мелочей. Если вы ищете подходящее решение дабы сделать ленту комментариев более яркой и уникальной — лучше метода не найти. При этом запросто можете менять базовые варианты иконок на свои. Единственное, не знаю как обстоят дела с нагрузкой на сайт при больших посещениях: с одной стороны картинки оптимизированы, с другой, конечно, проще выводить одно изображение для всех. Не думаю, правда, что там сильные задержки по загрузке, тем более, что комментарии часто разбиваются на страницы. В общем, пробуйте WP First Letter Avatar и пишите свои впечатления ниже.

Здравствуйте, мои читатели! Сегодня я расскажу о Gravatar в wordpress:

• что такое gravatar;
• как включить gravatarдля комментариев в WordPress;
• как добавить новый gravatar по умолчанию для читателей блога;
• плагин FV Gravatar Cache — ускоряем загрузку аватаров читателей.

Что такое Gravatar

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

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

С ним я уже рассматривал на своем блоге ранее в отдельной статье, ведь функция граватара доступна не только для WordPress, но и для других современных CMS. Только в Drupal и Joomla требуется установить дополнительные плагины.

Включение gravatar в WordPress и создание нового аватара по умолчанию

В WordPress версии 2.5 и выше функция gravatar встроена по умолчанию. Никакого дополнительного кода в шаблоны используемой темы добавлять не надо — все настраивается через админку WordPress.

Переходим в раздел «Параметры» — «Обсуждение» и прокручиваем страничку вниз, до пункта «Аватары».

Первое, что следует сделать — это включить отображение аватаров:

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

Выбор невелик, но можно добавить свою картинку. Рассмотрим, как это сделать.

Способ №1.

Находим новую картинку и загружаем ее на сервер в папку с изображениями используемой темы WordPress: wp-content/themes/название_темы/images. Далее открываем на редактирование файл functions.php и добавляем на следующей строчки после:

такой блок кода:

Не забудьте вписать путь до картинки (/название_темы/imades/имя_картинки) и NazvanieAvatara , под которым изображение будет значится в списке аватар по умолчанию.

Сохраняем изменения в файле functions.php и идем в раздел «Параметры» — «Обсуждение» админки WP, где в списке доступных аватар выбираем только что добавленную картинку.

Способ №2.

Можно воспользоваться плагином — Add New Default Avatar . Устанавливается плагин стандартно, после активации его настройки появятся в разделе «Внешний вид» — «Add New Default Avatar».

Все что от вас требуется — выбрать картинку с компьютера (Upload Image), задать ее название (Avatar Name) и нажать Add Avatar. Плагин сам загрузит картинку на сервер, вам останется только выбрать ее.

Плагин FV Gravatar Cache

Последнее о чем я хочу рассказать в этой статье — это о небольшом плагине FV Gravatar Cache, который позволяет кэшировать граватары в WordPress, тем самым увеличивая скорость загрузки страниц блога с большим количеством комментариев.

Скачайте FV Gravatar Cache с wordpress.org , распакуйте архив в текущий каталог и загрузите полученную папку на сервер в директорию wp-content/plugins, используя . Активируйте плагин через WP админку.

Настройки плагина располагаются в разделе «Параметры» — «FV Gravatar Cache». Я поменял только размер аватары, установив 32 px. Остальные настройки оставил без изменений.

На этом все, спасибо за внимание! Не забывайте подписываться на ленту новостей блога, ведь впереди еще много чего полезного и интересного. Берегите себя!