Плагин аватар. Как изменить дефолтный Аватар в WordPress. Плагин WP User Avatar - аватары для WordPress

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

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

Продолжая тематику реализации хочу рассмотреть один интересный плагин, который поможет разнообразить ленту комментариев блога. Далеко не все пользователи зарегистрированы в 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 и пишите свои впечатления ниже.

Добрый день уважаемые читатели! До недавнего времени я не имела своего блога и когда начала создавать свой первый довольно часто обращала внимание что на чужих блогах, сделанных на 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, могут быть различными, но по умолчанию используются. Это именно то, что требует, чтобы аватары были отправлены и привязаны непосредственно к адресам электронной почты на официальном сайте Gravatar.

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

Но, если вы никогда не устанавливали WordPress, откройте для себя et

Но вернемся к тому, почему мы здесь.

Как установить и настроить плагин «WP User Avatar»

Это то, что делать в первую очередь. WP Аватар пользователя плагин доступен на WordPress.org, так что вы можете .

После установки и активации расширения появится новое меню Аватары Будет добавлено в вашу панель инструментов.

Откройте для себя тоже

Нажав на нее, вы попадете на страницу настроек плагина. На этой странице вы сможете:

• Показать кнопку аватара на вставлять аватары ваших пользователей в ваши статьи.

• Разрешить авторам и подписчикам размещать свои аватары
• Отключите Gravatars для определения приоритетов доступных аватаров.
• Не нужно вам говорить, что практически необходимо оставить опцию " Показывать аватары «Доступно.

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

Этот плагин WordPress также добавляет доступное поле на странице профиля для выбора изображения.

Откройте для себя тоже

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

Откройте для себя также некоторые темы и премиальные плагины WordPress

Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать управление вашим блогом или веб-сайтом.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Плагин WordPress для оптимизации скорости

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

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

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

2. Социальный Share & Locker Pro

Расширение Social Share & Locker Pro было разработано, чтобы ваш сайт был более заметным в социальных сетях. Всего за несколько щелчков мыши вы можете либо установить положение значков социальных сетей, либо заблокировать контент, требуя публикации в одной из предложенных вами социальных сетей.

У вас есть предопределенные темы 10, и это должно охватывать самые распространенные пожелания. Все ее темы - Retina и чудеса творчества.

Кроме того, с Social Share & Locker Pro вы сможете просматривать полное название социальных сетей или просто значок. Это будет зависеть от вашего дизайна, свободного места или ваших пожеланий.

3. WordPress PDF изображения лайтбокс

WordPress PDF Lightbox - это расширение WordPress, позволяющее создавать программы просмотра PDF. Просмотрщик PDF - это набор фотографий, которые можно сохранить в формате PDF.

Если у вас в блоге/сайте имеются то наверняка вы замечали там разные иконки и фото для профилей пользователей. Эти аватары в 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 ; }

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 аватары пользователей по умолчанию не так уж и сложно. Главное последовательно и внимательно выполняйте все шаги алгоритма и не забудьте в финале почистить кэш. Если появятся какие-то вопросы, пишите в комментах.