Плагин аватарок для wordpress. Как изменить дефолтный Аватар в WordPress. Добавить новый аватар по умолчанию

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

Имеют дело с Gravatar - бесплатным сервисом, позволяющим один раз загрузить изображение и использовать его на множестве сайтов, поддерживающих работу с ним. Это разработка известной команды Automattic и она отлично зарекомендовала себя на тысячах сайтов, в первую очередь, на базе платформы Wordpress. Своей популярностью он обязан еще и тем, что не требует специальных средств встраивания или плагинов.
Но если по какой-либо причине вас не устраивает Gravatar, то не отчаивайтесь. В сети можно найти много достойных замен. Дабы вы не утруждали себя поисками, мы сделали подборку некоторых из них. Все представленные здесь достаточно простые и легкие в работе и не оказывают заметного влияния ни на время загрузки страниц, ни на общую нагрузку на сервер.

Add Local Avatar

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

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

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

WP User Avatar

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

Author Avatars List

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

Заключение

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

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

Сервис 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 невозможно добавить пользовательский аватар.

Аватары, используемые в 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.