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

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

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

Здравствуйте, мои читатели! Сегодня я расскажу о Gravatar в wordpress:

  • что такое gravatar;
  • как включить gravatarдля комментариев в WordPress;
  • как добавить новый gravatar по умолчанию для читателей блога;
  • плагин FV Gravatar Cache — ускоряем загрузку аватаров читателей.

Что такое Gravatar

Gravatar — это сервис, расположенный по адресу gravatar.com , который позволяет привязать к своей электронный почты (email) универсальный аватар. Данный аватар будет храниться на этом сервисе и выводиться рядом с вашими комментариями на сайтах и блогах с поддержкой функции Gravatar. Конечно, при комментировании следует указывать почту, к которой привязали свой граватар.

Какие преимущества это нам дает? Изменив свой аватар всего на одном сервисе, вы меняете его и для всех своих комментариев на разных блогах. Может этот метод не отличается гибкость, но зато значительно экономит время. К тому же, на большинстве блогах регистрация запрещена и как такого профиля вы не имеете, а для данной аватарки достаточно только указать свой email.

С ним я уже рассматривал на своем блоге ранее в отдельной статье, ведь функция граватара доступна не только для WordPress, но и для других современных CMS. Только в Drupal и Joomla требуется установить дополнительные плагины.

Включение gravatar в WordPress и создание нового аватара по умолчанию

В WordPress версии 2.5 и выше функция gravatar встроена по умолчанию. Никакого дополнительного кода в шаблоны используемой темы добавлять не надо — все настраивается через админку WordPress.

Переходим в раздел «Параметры» — «Обсуждение» и прокручиваем страничку вниз, до пункта «Аватары».

Первое, что следует сделать — это включить отображение аватаров:

и аватар по умолчанию, который будет отображаться у пользователей, не имеющих аккаунта на gravatar.com:

Выбор невелик, но можно добавить свою картинку. Рассмотрим, как это сделать.

Способ №1.

Находим новую картинку и загружаем ее на сервер в папку с изображениями используемой темы WordPress: wp-content/themes/название_темы/images. Далее открываем на редактирование файл functions.php и добавляем на следующей строчки после:

такой блок кода:

add_filter( "avatar_defaults" , "newgravatar" ) ; function newgravatar ($avatar_defaults ) { $myavatar = get_bloginfo("template_directory" ) . "путь до картинки" ; $avatar_defaults [ $myavatar ] = "NazvanieAvatara" ; return $avatar_defaults ; }

Не забудьте вписать путь до картинки (/название_темы/imades/имя_картинки) и NazvanieAvatara , под которым изображение будет значится в списке аватар по умолчанию.

Сохраняем изменения в файле functions.php и идем в раздел «Параметры» — «Обсуждение» админки WP, где в списке доступных аватар выбираем только что добавленную картинку.

Способ №2.

Можно воспользоваться плагином — Add New Default Avatar . Устанавливается плагин стандартно, после активации его настройки появятся в разделе «Внешний вид» — «Add New Default Avatar».

Все что от вас требуется — выбрать картинку с компьютера (Upload Image), задать ее название (Avatar Name) и нажать Add Avatar. Плагин сам загрузит картинку на сервер, вам останется только выбрать ее.

Плагин FV Gravatar Cache

Последнее о чем я хочу рассказать в этой статье — это о небольшом плагине FV Gravatar Cache, который позволяет кэшировать граватары в WordPress, тем самым увеличивая скорость загрузки страниц блога с большим количеством комментариев.

Скачайте FV Gravatar Cache с wordpress.org , распакуйте архив в текущий каталог и загрузите полученную папку на сервер в директорию wp-content/plugins, используя . Активируйте плагин через WP админку.

Настройки плагина располагаются в разделе «Параметры» — «FV Gravatar Cache». Я поменял только размер аватары, установив 32 px. Остальные настройки оставил без изменений.

На этом все, спасибо за внимание! Не забывайте подписываться на ленту новостей блога, ведь впереди еще много чего полезного и интересного. Берегите себя!

Последние материалы раздела:

Что делать, если завис Мейзу м3 ноте и подобные смартфоны и планшеты на андроиде
Что делать, если завис Мейзу м3 ноте и подобные смартфоны и планшеты на андроиде

Нагревание смартфона Meizu M3 Note до 45-50°C во время зарядки аккумулятора или при длительной работе ресурсоемкого софта является обычным...

Решение проблемы с перегревом Meizu M5 Причины сильного нагревания смартфонов Meizu
Решение проблемы с перегревом Meizu M5 Причины сильного нагревания смартфонов Meizu

Meizu m3 note завис , нагревается и вы не знаете что с ним делать? В этой статье вы узнаете, как сделать принудительную перезагрузку зависшего...

Огромная база данных торрентов, доступных для скачивания
Огромная база данных торрентов, доступных для скачивания

Каталог торрентов на сайте Torrent-Drive.Ru включает в себя все направления, начиная от фильмов и игр для ПК и приставок, заканчивая музыкой,...