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

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

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

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

Стандартные настройки для аватарки

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

Вы можете выбрать аватар по умолчанию для тех, кто комментирует статьи на вашем сайте (если они не выбрали его для себя отдельно). В Консоли перейдите в меню Настройка > Обсуждение и прокрутите вниз до раздела настроек для аватарок. Убедитесь, что стоит галочка напротив поля Показывать аватары (Show Avatars). Выберите аватар по умолчанию и нажмите кнопку Сохранить изменения. После этого все дефолтные картинки аватаров на сайте будут изменены (если вы внесли такие изменения).

Gravatar – ваш собственный аватар

Вы не ограничиваетесь аватарами по умолчанию, которые за вас устанавливает владелец сайта, ведь вы можете иметь свой собственный. Самый популярный сервис для этого предоставляет компания Gravatar (ею владеет Automattic – разработчик WordPress). Gravatar переводится как Глобально распознаваемый аватар (G lobally R ecognized Avatar ). После того, как вы создадите профиль на этом сервисе, ваш собственный аватар будет показываться на всех сайтах, которые поддерживают Gravatar.

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

Чтобы изменить аватар для владельца сайта (или если вы зарегистрировались как пользователь на другом сайте на WordPress), перейдите в Консоли аккаунта в меню Пользователи > Ваш профиль и прокрутите вниз до раздела О себе. Здесь показывается ваша фотография для профиля. Измените это изображение на сайте Gravatar, нажав соответствующую ссылку. Вы также можете просто посетить Gravatar.com . На этом сервисе вы можете иметь несколько адресов электронной почты и отдельные Gravatar для каждого Е-мэйл.

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

Вот и все! Надеемся, что данная статья вам пригодилась.

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

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

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

— выбранное вами изображение должно отражать вас

— при выборе аватара желательно придерживаться содержимого вашего блога или же оставляемых вами сообщений на форуме

— выбранная картинка должна быть относительно уникальна

— выбранное изображение должно быть понятно

— аватар должен вам нравиться

Я уделила этим пяти правилам выбора аватара потому, что мы будем использовать сервис, позволяющий выбранную картинку привязать к e-mail. И в итоге оставляя свой комментарий на любом проекте и указывая e- mail, зарегистрированный в системе,поддерживающих технологию Gravatar, то выбранный вами аватар станет отражаться автоматически.То есть, зарегистрировшись в сервисе один раз, вы получаете собственную аватарку к комментариям навсегда!

Думаю хватит лирики, а лучше давайте приступим к созданию своего аватар, а для это необходимо пройти процедуру регистрации в системе Gravatar . На открывшейся странице в левом верхнем углу наведя курсор мыши на Log in / Sign up выпадет окно, в котором следует выбрать пункт Зарегистрироваться

В открывшемся окне указываем e-mail, который в дальнейшем будете использовать при написании комментариев на блогах или форумах

Указав адрес нажимаем на кнопку «Регистрация» и появляется сообщение, что для продолжения регистрации необходимо пройти по ссылке указанной в письме, посланном на указанный адрес. Письмо приходит моментально и пройдя по ссылке открывается страница сервиса, где необходимо указать Имя (сочетание обязательное латинских букв и цифер) и пароль.

Заполнив все поля нажимаем кнопку «Регистрация» и попадаем на страницу, указывающую, что еще не загружено не одного изображения для вашей аватарки. Кликаем по ссылке (Нажмите здесь, чтобы добавить еще!).

1) С жесткого диска моего компьютера
2) Изображение из интернета
3) С веб-камеры, подключенной к моему компьютеру
4) Ранее загруженное изображение

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

Определившись нажимаем на кнопку «Завершить». И в завершении необходимо указать категорию сайтов или блогов, где вы хотите видеть отражание только что установленной картинки. Рекомендую выбрать (Граватары с рейтингом G пригодны для показа на сайтах с любой аудиторией.), нажав по квадратику с буквой G.

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

Для этого проходим в административной панели в пункт “Настройки” – “Обсуждение“

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

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

Сохраняем изменения. Проверяем отражение аватар, просто пишим сами комментарий. Отражается? Отлично! А вот у меня возникли проблемы — аватар не отразился и для решения этой проблемы пришлось установить плагин Gravatar. Скачав плагин , распаковываем и устанавливаем в диреикторию /wp-content/plugins/ и активируем. Дополнительных настроек данный плагин не требует.

Если и после установки плагина аватар не отражается то причина кроется в самом шаблоне. Конечно спешить его менять не стоит и отказываться от отражения аватарки тоже. Данную проблему поможет режить код для отображения аватаров.

Этот код следует разместить в файл comments.php.Код файла большой, код скрипта нужно добавить в место где начинается отображения кода вывода комментариев. Необходимо добавить следующий код:

Где «40» - размер аватара

Для небольшой помощи я покажу часть кода из своего comments.php:

comment_approved ==
‘0’) : ?>
Ваш комментарий отправлен на модерацию.

Прописав код и сохранив произведенные изменения у вас в комментариях должна появится ваша аварка.

Решие простое, а результат радует глаз.

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

Возможно Вам это будет интересно:

Большинство сайтов 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, если вы хотите больше контроля.

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