Плагин аватарок для wordpress. Произвольная картинка для аватара по умолчанию. Основные возможности плагина

(Последнее обновление: 01.12.2019)

Приветствую вас, дорогой читатель! Как добавить своё изображения для аватара в WordPress? Для тех, кто ещё не в курсе: Аватар - это изображение рядом с вашим именем, помогающее опознать ваш комментарий на сайтах, поддерживающих эту функцию. Аватарки WordPress в настоящее время позволяет использовать только пользовательские аватары, загруженные , но наши помощники плагины расширят эту функцию и позволят использовать любую картинку, изображение или фотографию загруженную в вашу библиотеку медиофайлов.

Меняем аватар на сайте WordPress

Как загрузить свой аватар в ВордПресс? Как изменить стандартный аватар по умолчанию в WordPress? Как изменить форму аватарки пользователей в WordPress?

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

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

Плагин WP User Avatar - аватары для WordPress

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

Плагин WP User Avatar

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

Аватарка по умолчанию

Модуль уже успели загрузить более 700 000 пользователей, поэтому автор его постоянно обновляет. Устанавливается плагин WP User Avatar стандартным способом, через поиск по плагинам. Вводите его название, устанавливаете и активируйте, а потом переходите к настройкам аватарки:

Настройка плагина WP User Avatar

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

Simple User Avatar-Простой пользовательский аватар

Простой пользовательский аватар

Этот плагин упрощает жизнь пользователям WordPress. Простой пользовательский аватар помогает добавлять или удалять свои аватары, используя изображения из библиотеки мультимедиа.

Пример представления новой опции на странице пользователя

Как сделать аватары WordPress круглыми, в виде сердца, алмаза

Сделать это можно с помощью простенького плагина, под названием Avatar Shaper.

Плагин Avatar Shaper позволяет настроить стиль фотографии/аватарки пользователей

Плагин Avatar Shaper

С Avatar Shaper вы можете легко настроить стиль аватарки, то есть, сделать его круглым, закруглить углы у квадратной аватарки и многое, многое другое. Также можно к картинке/аватарке добавить тень, свечение к фото выбрав нужный цвет. Плагин не нагружает ваш блог, он лишь добавляет стили CSS к вашему сайту. После установи и активации модуля, переходите в раздел Настройки - Avatar Shaper и выбирайте нужный стиль:

Настройки стиля аватарки WordPress

Здесь, пожалуйста, выбирайте и настраивайте нужный стиль для изображения аватарки в комментариях сайта. С правой стороны страницы, будет предварительный просмотр аватарки.

В этой статье мы разберемся, что такое аватары 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 . Спасибо!

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

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

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

Обратите внимание, что установленная дефолтная картинка будет показана только в том случае, если у пользователя нет аватарки. А то при тестировании бывает путаница...

Вариант 1: добавить настройку (новый дефолтный аватар) в админ-панель

Код ниже добавит еще один, дополнительный вариант аватарки при выборе дефолтной авы в админ-панели, в настройках обсуждения.

## Добавляет еще один вариант аватарки по умолчанию в настройки обсуждения ## Файл аватарки "def-avatar.jpg" нужно залить в папку темы "img" add_filter("avatar_defaults", "add_default_avatar_option"); function add_default_avatar_option($avatars){ $url = get_stylesheet_directory_uri() . "/img/def-avatar.jpg"; $avatars[ $url ] = "Аватар сайта"; return $avatars; }

В результате получим:

Заметка: какой на текущий момент выбран аватар по умолчанию можно узнать получив значение опции "avatar_default" - get_option("avatar_default") .

Недостаток этого метода в том, что нельзя просто установить код, а нужно еще «сходить» в админку и включить аватарку по умолчанию. Такой подход может быть просто неприемлем, когда нужно жестко выставить аву, чтобы её нельзя было поменять... Или, когда нужно, чтобы указанная ава была по умолчанию всегда, независимо от того кто и что там поставил в настройках.

Специально для таких случаев я написал второй вариант. А оказалось это кстати, не так просто как я ожидал, но это никому не нужная лирика, поэтому её пропустим...

Вариант 2: указать аватарку по умолчанию «на лету», через фильтр

Этот вариант выставляет аву по умолчанию сразу же после вставки кода и не дает возможность изменить настройку авы в админ-панели.

Хук учитывает параметр default указанный в функциях вывода или получения аватара. Т.е. например, если вызывать функцию get_avatar() с параметром default , то будет выставлен аватар указанный в параметре default , а не тот что указан в хуке.

## Устанавливает аватар по умолчанию ## Файл аватарки "def-avatar.jpg" нужно поместить в папку темы "img" add_filter("pre_get_avatar_data", "replace_default_avatar"); function replace_default_avatar($args){ // админка и страница обсуждения, где настраивается ава по умолчанию... // if(is_admin() && get_current_screen()->base === "options-discussion") return $args; static $defava; if($defava === null) $defava = get_option("avatar_default", "mystery"); // ускоримся // Если используется ава по умолчанию, чтобы работал параметр "default" // если он установлен для функций аватарок if(! $args["default"] || $defava == $args["default"]){ $args["default"] = get_stylesheet_directory_uri() . "/img/def-avatar.jpg"; } return $args; }

Вариант 3: указать ссылку на дефолтный аватар при вызове функции

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

Для того, чтобы получить аватар или его данные есть три функции:

• get_avatar() - Получает html код аватара комментатора.
• get_avatar_data() - Получает массив данных об аватаре.
• get_avatar_url() - Получает URL аватарки по переданному email, ID или объекту пользователя.

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

Echo get_avatar("[email protected]", 48, "http://example.com/default-avatar.png"); $ava_data = get_avatar_data("[email protected]", array("size" => 48, "default" => "http://example.com/default-avatar.png",)); echo $ava_data["url"]; $url = get_avatar_url("[email protected]", array("size" => 48, "default" => "http://example.com/default-avatar.png",)); echo $url;

Здравствуйте, мои читатели! Сегодня я расскажу о 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. Остальные настройки оставил без изменений.

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

Плагин Add local Avatar внедряет на станицу профиля зарегистрированного пользователя форму загрузки аватара. Для начала Вам нужно скачать этот плагин с его официальной странички или можно воспользоваться поиском через панель управления сайтом панель.

После того как Вы активируете плагин в левом меню панели управления в разделе Пользователи появится пункт «Avatar».

Настройка плагина

Смело переходим на страницу настроек «Avatar», и выполняем по порядку следующие действия:

1. Ставим галочку напротив «Показывать аватары»
2. В стилях аватары задаем значение «G» — показывать для любой аудитории
3. Выбираем размер аватара который нам подходит по дизайну сайта
4. Twitter Avatar — ставим здесь галочку, если хотим, чтобы подгружались аватары пользователей, которые зарегистрированы в Twitter
5. Gravatar по умолчанию — выбираем одно из стандартных решений аватаров WordPress
6. Стандартное изображение — в это поле Вы можете ввести полный путь к аватару, который будет отображаться если у пользователя нет своего (например: http://www.ваш-сайт.ком.юа/avatars/standart-ava.jpg)
7. Использовать снимки экрана — требуется, если Вы используете скриншоты (я их не использую, поэтому галочку никогда не ставлю)
8. Аватары в записи — заменяет тэг аватаром для этого адреса электронной почты в содержимом записи
9. Загрузки пользователей — самый важный момент. Отмечаем галочку, тем самым позволяем пользователям загружать свои аватары, не забудьте ввести имя папки в которую вы хотите подгружать изображения. И самое главное в это же поле есть еще один чекбокс возле $_SERVER["DOCUMENT_ROOT"] method его тоже нужно отметить (эта галочка прописывает полный путь к аватарам — как мы все знаем, а кто не знает знайте что в WordPress пути к картинкам работают только полные)
10. Обрезка рисунка — обрезает не квадратные картинки
11. Wrap Avatars with URL — опция обрезает url к аватару (пример: http://ваш-сайт.юа/название-аватара.jpg)
12. Ник — оглавление аватара — галочкой отметил, но какого-то эффекта не заметил
13. В поле «прочие данные» — выбираем не отображать ссылку на автора
14. Ну и наконец-то нажимаем долгожданную кнопочку «Обновить настройки Avatar»

В результате после обновления Вы получите вот такую ситуацию на странице:

Используем

Проверяем как всегда все на своем личном профиле, заходим в меню Пользователи -> Ваш профиль и в самом внизу обнаруживаем волшебную форму загрузки аватара, думаю объяснять не надо как ею воспользоваться.

Выводим аватар в шаблоне

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

Во-первых если Вы хотите, чтобы аватар отображался в комментариях нужно внести изменения в файл functions.php. Для начала откройте его (желательно программой Notepad++), нажмите заветную комбинация Ctrl+F и введите «avatar». После этого Вы увидите строчку:

Замените ее на:

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

Примечание: цифры 60 и 40 — это размер аватара в пикселях

Кстати если Вы хотите использовать аватары в виджете или в форме авторизации пользователей читайте статьи

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

А чтобы предрассудков вообще не возникало попробуйте плагин — на мой взгляд самое стоящее решение в этом вопросе.