Как установить аватар для комментариев на WordPress. Плагин Add Local Avatar WordPress PDF изображения лайтбокс
Большинство веб-сайтов на движке 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 в 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. Остальные настройки оставил без изменений.
На этом все, спасибо за внимание! Не забывайте подписываться на ленту новостей блога, ведь впереди еще много чего полезного и интересного. Берегите себя!
Короткая заметка о том, как установить произвольную картинку в качестве аватарки по дефолту. Вариантов это сделать как минимум три. Какой из них лучше подойдет в конкретной ситуации написано ниже.
Сервис 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.
В этом уроке мы увидим, как это сделать. Мы также увидим, как выбрать свой собственный аватар и как использовать плагины, чтобы позволить вашим пользователям выбирать свои собственные аватары. Требуются только базовые знания - как установить плагин, обрезать изображение и загрузить файл, вот и все.
Что такое аватар?
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, если вы хотите больше контроля.
Вот и все для этого списка плагинов. Не стесняйтесь рекомендовать эту статью своим друзьям в ваших любимых социальных сетях.
Получает html код аватара () комментатора, если пользователь авторизирован или указал email при комментировании. Обычно используется в разделе комментариев.
Используется внутри Цикла комментариев или обязательно нужно передать первый параметр!
Замена функции (переопределение) - в плагине можно создать функцию с таким же названием, тогда она заменит текущую функцию.
✈ 1 раз = 0.000196с = быстро | 50000 раз = 4.98с = быстро | PHP 7.1.0, WP 4.7.1
Возвращает
Строку/false. HTML тег . false если не удалось отправить запрос. Если нет аватара, но запрос отправился, то вернет аватарку по дефолту - не false.
Использование
$id_or_email(строка/объект/число) (обязательный)ID или email юзера, для которого нужно получить аватар. Также можно указать объекты: WP_User , WP_Post , WP_Comment или md5 хэш gravatar.
В большинстве шаблонов в этом параметре можно указать глобальную переменную $comment . Если функция не работает (вызывает ошибку), то запишите в неё email комментатора, делается это так:
Get_the_author_meta("[email protected]");
$size(число)
Размер картинки. Указанное число станет шириной и высотой в пикселях.
По умолчанию: 96
$default(строка)
УРЛ на картинку по умолчанию, для пользователей, которые не имеют аватарки в сервисе gravatar.
Также принимает:
По умолчанию: "" (значение опции "avatar_default" или "mystery")
$alt(строка)
Текст для атрибута "alt" тега .
По умолчанию: ""
$args(массив)
Дополнительные аргументы для получения аватара:
- height - Число. Высота в пикселях. По умолчанию $size .
- width - Число. Ширина в пикселях. По умолчанию $size .
- force_default - Логический. Всегда показывать дефолтную картинку и никогда аватар.
- rating - Строка. Минимальный рейтинг аватара для отображения. Может быть: "G", "PG", "R", "X". По умолчанию значение опции "avatar_rating".
- scheme - Строка. Схема URL которая будет использоваться. Смотрите set_url_scheme() .
- class - Массив/строка. Дополнительные классы для тега img.
- force_display - Логический. Всегда показывать аватар? Игнорирует опцию show_avatars.
- extra_attr - Строка. Дополнительные HTML атрибуты для тега IMG. Не очищаются перед выводом на экран.
По умолчанию: null
Примеры
#1. Выведем Аватар текущего комментатора:
#2 Вывод аватара автора текущего поста
#3 Добавление атрибута stylе
Параметр "extra_attr" позволяет добавлять любые атрибуты тега IMG:
user_email, 30, "", "", array("class"=>"pull-left", "extra_attr"=>"style="margin: -4px 7px;"")); ?>
#4 Вариант аватарки по умолчанию в настройки обсуждения
Это код добавления еще одной картинки (опции) в настройках обсуждения, которую можно выбрать как аватарку по умолчанию. Такая аватарка хранится в опции get_option("avatar_default") .
## Добавляет еще один вариант аватарки по умолчанию в настройки обсуждения ## Файл аватарки "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; }
В результате получим такую дополнительную опцию:
#5 Аватар по умолчанию
Если для прошлого варианта, нужно добавить хук, потом зайти в настройки и выбрать дефолтный аватар, то этот вариант установит аватарку по дефолту сразу же...
Этот вариант устанавливает аватар по умолчанию «налету», для функций: get_avatar_url() и get_avatar_data() . Дефолтный аватар будет установлен только если в функции не указан дефолтный аватар, т.е. не установлен параметр "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; }
Список изменений
| С версии 2.5.0 | Введена. |
| С версии 4.2.0 | Optional $args parameter added. |
Код get avatar : wp-includes/pluggable.php WP 5.3.2
96, "height" => null, "width" => null, "default" => get_option("avatar_default", "mystery"), "force_default" => false, "rating" => get_option("avatar_rating"), "scheme" => null, "alt" => "", "class" => null, "force_display" => false, "extra_attr" => "",); if (empty($args)) { $args = array(); } $args["size"] = (int) $size; $args["default"] = $default; $args["alt"] = $alt; $args = wp_parse_args($args, $defaults); if (empty($args["height"])) { $args["height"] = $args["size"]; } if (empty($args["width"])) { $args["width"] = $args["size"]; } if (is_object($id_or_email) && isset($id_or_email->comment_ID)) { $id_or_email = get_comment($id_or_email); } /** * Filters whether to retrieve the avatar URL early. * * Passing a non-null value will effectively short-circuit get_avatar(), passing * the value through the {@see "get_avatar"} filter and returning early. * * @since 4.2.0 * * @param string|null $avatar HTML for the user"s avatar. Default null. * @param mixed $id_or_email The Gravatar to retrieve. Accepts a user_id, gravatar md5 hash, * user email, WP_User object, WP_Post object, or WP_Comment object. * @param array $args Arguments passed to get_avatar_url(), after processing. */ $avatar = apply_filters("pre_get_avatar", null, $id_or_email, $args); if (! is_null($avatar)) { /** This filter is documented in wp-includes/pluggable.php */ return apply_filters("get_avatar", $avatar, $id_or_email, $args["size"], $args["default"], $args["alt"], $args); } if (! $args["force_display"] && ! get_option("show_avatars")) { return false; } $url2x = get_avatar_url($id_or_email, array_merge($args, array("size" => $args["size"] * 2))); $args = get_avatar_data($id_or_email, $args); $url = $args["url"]; if (! $url || is_wp_error($url)) { return false; } $class = array("avatar", "avatar-" . (int) $args["size"], "photo"); if (! $args["found_avatar"] || $args["force_default"]) { $class = "avatar-default"; } if ($args["class"]) { if (is_array($args["class"])) { $class = array_merge($class, $args["class"]); } else { $class = $args["class"]; } } $avatar = sprintf("
",
esc_attr($args["alt"]),
esc_url($url),
esc_url($url2x) . " 2x",
esc_attr(join(" ", $class)),
(int) $args["height"],
(int) $args["width"],
$args["extra_attr"]);
/**
* Filters the avatar to retrieve.
*
* @since 2.5.0
* @since 4.2.0 The `$args` parameter was added.
*
* @param string $avatar