Изменяем аватары пользователей по умолчанию в WordPress. Как изменить дефолтный Аватар в 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 . Спасибо!

Если у вас в блоге/сайте имеются то наверняка вы замечали там разные иконки и фото для профилей пользователей. Эти аватары в WordPress реализуются с помощью одного полезного сервиса, который называется Gravatar . Любой пользователь в сети может привязать свою почту к определенной картинке, после чего она будет показываться на всех сайтах в сети, которые поддерживают данную опцию. Разработчик Вордпресса просто не могли не добавить эту функциональность в систему.

Все соответствующие настройки найдете в разделе «Настройки» — «Обсуждение» в самом низу страницы. Там вы можете включить показ, определить рейтинг отображаемых иконок и задать базовое значение для юзеров без Gravatar. О последнем пункте мы сегодня и поговорим — рассмотрим как изменить WordPress аватары по умолчанию. На выбор у вас есть парочка вариантов:

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

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

Алгоритм решения задачи состоит из нескольких простых шагов:

1. Загружаем аватар в WordPress

Картинка в WP добавляется двумя способами: через FTP (FileZilla например) или непосредственно в системе. В первом случае сможете поместить изображение в любую директорию сайта, во втором она автоматически попадет в медиабиблиотеку (wp-content/uploads).

Изображение должно быть квадратное, у меня в шаблоне картинки больше 80х80 не выводятся, но некоторые разработчики используют размеры побольше вплоть до 250х250 (хотя я не вижу в этом особого смысла).

Рассмотрим вариант загрузки через админку, так как он для пользователей более наглядный. Выбираете в разделе «Медиафайлы» пункт «Добавить новый».

На открывшейся странице используете кнопку «Выберите файлы» либо просто перетаскиваете файл в указанное поле. Когда загрузка завершится, увидите добавленное изображение. Вам нужно кликнуть по ссылке «Изменить», которая находится справа от названия (см. рисунок выше). После этого откроется следующее окно:

Здесь вам просто нужно скопировать адрес будущего WordPress аватара, который находится в строке «Ссылка на файл».

2. Внедрение хака/сниппета

Традиционно сниппет добавляем в файл functions.php. Если вы новичок в этом деле, советую почитать или воспользоваться . Код хака:

add_filter("avatar_defaults", "setnew_gravatar"); function setnew_gravatar ($avatar_defaults) { $myavatar = "http://ваш_сайт/wp-content/uploads/new_avatar.png"; $avatar_defaults[$myavatar] = "Новый аватар"; return $avatar_defaults; }

Важно! Для переменной $myavatar нужно подставить ссылку на загруженный вами файл. В следующей строке задается название WordPress аватара по умолчанию, которое будет отображено в админке.

3. Изменение настроек

На следующем шаге требуется изменить аватар в WordPress настройках системы. Для этого заходим в раздел «Настройки» — «Обсуждение», где в самом низу страницы найдете новый элемент.

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

4. Возможные ошибки

Признаться честно, моя первая попытка установить новые WordPress аватары пользователей не увенчалась успехом. После всех изменений на сайте продолжал отображаться стандартный логотип Gravatar. Если у вас похожая ситуация, то поищите в файлах шаблона функцию get_avatar (предположительно в comments.php или functions.php). Именно она выводит иконки аватарки. Убедитесь, что при вызове в ней не используется параметр $default, а указаны только первые два:

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

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

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

Сервис 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;

Многим интернет-разработчикам известно, что 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»

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

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

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

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

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

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

Что такое аватар?

WordPress определяет аватар как изображение, которое появляется рядом с вашим именем, когда вы комментируете сайты, совместимые с аватарами. Они обычно имеют размер около 80 × 80 пикселей и могут быть практически любого типа файла, хотя формат PNG популярен.

Как настроить аватар по умолчанию?

Мы все видели аватара "загадочный человек". Это скучно и напоминает нам, что аватары не настроены для сайта. К счастью, мы не ограничены этим аватаром по умолчанию. С WordPress у нас есть несколько вариантов.

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

На панели инструментов перейдите в «Настройки», «Чат» и выберите «Аватары». Убедитесь, что опция «Показать аватары» включена. Здесь у вас есть семь встроенных вариантов. Вы также можете выбрать подходящий рейтинг для вашей аудитории (gx).

« Загадочный человек Это значение по умолчанию. Четыре из вариантов генерируются. Они используют имя докладчика или адрес электронной почты для математической генерации изображения на основе выбранной вами модели.

Аватары на вашем сайте будут обновлены, чтобы соответствовать вашему выбору по умолчанию.

Как иметь свой собственный аватар

Вы не ограничены аватарами по умолчанию на сайте, вы можете иметь свой собственный аватар. Наиболее популярными являются другие компании Automattic под названием Gravatar. Граватар означает «общедоступный аватар». Вы создаете свой профиль в одном месте, и он будет следовать за вами на каждом совместимом с Gravatar веб-сайте.

Преимущество наличия Gravatar в том, что у человека может быть аватар, который следует за ним через Интернет. Как? Они связаны с вашим адресом электронной почты. Каждый раз, когда вы комментируете и используете свой адрес электронной почты, будет использоваться ваш аватар по умолчанию. Если у вас нет аватара по умолчанию или если у вас нет аватара, связанного с вашим адресом, WordPress назначит аватар по умолчанию вашему комментарию.

В приборной панели перейдите к Utilisateur "," ваш профиль И прокрутите вниз. Вы увидите свою фотографию профиля. Измените это изображение на сайте Gravatar, нажав на ссылку. Вы также можете получить доступ к Gravatar.com.

Некоторые плагины для управления аватарами

WordPress имеет множество плагинов для настройки и добавления новых аватаров. Вот краткий обзор самых популярных.

1 - Добавить новый аватар по умолчанию

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

2 - WP First Letter Avatar

WP First Letter Avatar создает аватар, используя первую букву имени пользователя, если у этих людей нет Gravatar. Каждая буква имеет разный цвет фона. Аватар включает в себя несколько размеров и автоматически выберет наиболее подходящий размер. Вы даже можете создать свою собственную игру аватара и использовать те же правила именования. Вы также можете отключить Gravatar, если хотите, чтобы у всех пользователей были аватары с буквами.

3 - менеджер аватаров

Avatar Manager позволяет вашим зарегистрированным пользователям загружать свои аватары на ваш сайт. Файл загрузки добавляется на страницу их настроек (страница профиля ). Вы можете указать размеры пикселей по умолчанию и пользовательские разрешения. Пользователи могут использовать свои загруженные Gravatars или аватары.

4 - WP Аватара пользователя

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

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