В WordPress по умолчанию используется стандартный аватар, который отображается для пользователей без собственного изображения. Это может быть не всегда уместно, особенно если вы хотите сделать ваш сайт более уникальным и профессиональным. В этой статье мы подробно рассмотрим, как заменить default-аватар в WordPress с помощью кода и популярных плагинов.
Почему стоит заменить стандартный аватар в WordPress
Стандартный аватар (часто называемый Mystery Person) выглядит одинаково на всех сайтах, что снижает индивидуальность вашего проекта. Кроме того, для сайтов с активным сообществом или магазином важно визуально выделять пользователей или клиентов. Настройка аватара позволяет:
- Поддержать фирменный стиль сайта;
- Улучшить UX за счет более персонализированного взаимодействия;
- Упростить визуальную идентификацию пользователей;
- Сделать сайт более профессиональным и привлекательным.
Как заменить default-аватар через функции темы
В WordPress есть фильтр avatar_defaults, который позволяет добавлять свои варианты аватаров для выбора в настройках. Чтобы полностью заменить стандартный аватар, можно использовать этот фильтр и добавить кастомный URL изображения.
Добавление кастомного аватара в список доступных
add_filter('avatar_defaults', 'wpinfo_add_custom_avatar');
function wpinfo_add_custom_avatar($avatars) {
$custom_avatar_url = get_stylesheet_directory_uri() . '/images/custom-avatar.png';
$avatars[$custom_avatar_url] = 'Custom Avatar';
return $avatars;
}Этот код добавит новый аватар в настройки «Обсуждение» в админке WordPress. Чтобы сделать его default, нужно выбрать его там вручную.
Автоматическая замена default-аватара на кастомный без выбора
Если хотите, чтобы кастомный аватар отображался всегда для пользователей без фотографии, используйте фильтр get_avatar:
add_filter('get_avatar', 'wpinfo_replace_default_avatar', 10, 5);
function wpinfo_replace_default_avatar($avatar, $id_or_email, $size, $default, $alt) {
// URL кастомного аватара
$custom_avatar_url = get_stylesheet_directory_uri() . '/images/custom-avatar.png';
// Проверяем, используется ли стандартный аватар
if (strpos($avatar, 'gravatar.com/avatar') !== false) {
$avatar = "<img alt='" . esc_attr($alt) . "' src='" . esc_url($custom_avatar_url) . "' class='avatar avatar-" . esc_attr($size) . " photo' height='" . esc_attr($size) . "' width='" . esc_attr($size) . "' />";
}
return $avatar;
}Этот код заменит все стандартные Gravatar-аватары на ваше изображение.
Использование плагинов для замены default-аватара
Если вы не хотите писать код или хотите более гибкие настройки, можно воспользоваться плагинами:
- WP User Avatar — позволяет загружать собственные аватары для пользователей, включая замену стандартного аватара.
- Simple Local Avatars — легкий плагин для загрузки локальных аватаров без использования Gravatar.
- Custom Avatar — расширенные возможности по управлению аватарами на сайте.
Все эти плагины можно найти на официальном репозитории WordPress и легко установить через админку.
Пример настройки плагина WP User Avatar
После установки и активации перейдите в «Пользователи» > «Ваш профиль» и загрузите новый аватар. Этот аватар будет использоваться вместо стандартного для вашего пользователя, а при правильной настройке — и по умолчанию для новых пользователей.
Как сделать кастомный аватар для всех пользователей
Если вы хотите, чтобы кастомный аватар показывался для всех пользователей, включая тех, кто не зарегистрирован, можно использовать следующий подход:
add_filter('get_avatar_url', 'wpinfo_custom_default_avatar_url', 10, 3);
function wpinfo_custom_default_avatar_url($url, $id_or_email, $args) {
if (empty($url) || strpos($url, 'gravatar.com/avatar') !== false) {
return get_stylesheet_directory_uri() . '/images/custom-avatar.png';
}
return $url;
}Этот код заменит URL аватара на ваш локальный, если используется стандартный Gravatar.
Как правильно подготовить изображение для кастомного аватара
Для оптимальной работы и скорости загрузки аватар должен быть:
- Размером 96x96 или 150x150 пикселей — стандартные размеры для аватаров WordPress;
- В формате PNG или JPG с оптимальной компрессией;
- С прозрачным фоном, если нужно, чтобы гармонично вписываться в дизайн сайта;
- Размещен в папке темы (например,
/wp-content/themes/your-theme/images/) для удобного доступа и безопасности.
Заключение
Замена default-аватара в WordPress — несложная задача, которая помогает сделать сайт профессиональнее и приятнее для пользователей. Вы можете использовать как простой код в functions.php вашей темы, так и готовые плагины. Важно правильно подготовить изображение и протестировать отображение на разных устройствах и разрешениях.
Если хотите попробовать плагин с расширенными возможностями для управления аватарами, рекомендую обратить внимание на WP Avatar от WPSHOP.