Произвольная картинка для аватара по умолчанию. Как изменить дефолтный Аватар в WordPress Аватарки по умолчанию
Добрый день уважаемые читатели! До недавнего времени я не имела своего блога и когда начала создавать свой первый довольно часто обращала внимание что на чужих блогах, сделанных на 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 записки отчаянной «, то предлагаю подписаться на появление новых материалов в удобной для вас форме.
Возможно Вам это будет интересно:
(Последнее обновление: 01.12.2019)
Приветствую вас, дорогой читатель! Как добавить своё изображения для аватара в WordPress? Для тех, кто ещё не в курсе: Аватар - это изображение рядом с вашим именем, помогающее опознать ваш комментарий на сайтах, поддерживающих эту функцию. Аватарки WordPress в настоящее время позволяет использовать только пользовательские аватары, загруженные , но наши помощники плагины расширят эту функцию и позволят использовать любую картинку, изображение или фотографию загруженную в вашу библиотеку медиофайлов.
Меняем аватар на сайте WordPress
Как загрузить свой аватар в ВордПресс? Как изменить стандартный аватар по умолчанию в WordPress? Как изменить форму аватарки пользователей в WordPress?
При просмотре различных веб-сайтов вы можете заметить, что у многих пользователей рядом с их именем есть изображение. Эти картинки называют аватар.
Сегодня, друзья, хочу представить вам лучшие бесплатные плагины - аватары для WordPress , с помощью которых вы получите различные варианты и настройки отображение аватаров для себя (автора) и посетителей, оставляющих комментарии на сайте по своему вкусу. Вот, как то так.
Плагин WP User Avatar - аватары для WordPress
В настоящее время WordPress позволяет использовать только собственные аватары, загруженные через Gravatar. WP User Avatar позволяет использовать любую фотографию, загруженную в медиатеку, в качестве аватара. Это означает, что вы используете ту же загрузку и библиотеку, что и ваши сообщения. Никаких дополнительных папок или функций редактирования изображений не требуется.
Плагин WP User Avatar
Данный плагин позволяет использовать любую фотографию или в качестве аватарки для комментариев WP. Картинку можно загрузить с вашего компьютера или использовать из вашей библиотеки медиафайлов. А также, использовать аватар по умолчанию в виде черного человечка с большими усами, прям как у Чапаева:
Аватарка по умолчанию
Модуль уже успели загрузить более 700 000 пользователей, поэтому автор его постоянно обновляет. Устанавливается плагин WP User Avatar стандартным способом, через поиск по плагинам. Вводите его название, устанавливаете и активируйте, а потом переходите к настройкам аватарки:
Настройка плагина WP User Avatar
Если вы поставите галочку в третьем пункте - Отключить Gravatar и использовать только локальные аватары, то можно использовать аватарку по умолчанию, как для себя так и для комментаторов или загрузить новую картинку для аватарки. Надеюсь, здесь, вам всё понятно.
Simple User Avatar-Простой пользовательский аватар
Простой пользовательский аватар
Этот плагин упрощает жизнь пользователям WordPress. Простой пользовательский аватар помогает добавлять или удалять свои аватары, используя изображения из библиотеки мультимедиа.
Пример представления новой опции на странице пользователя
Как сделать аватары WordPress круглыми, в виде сердца, алмаза
Сделать это можно с помощью простенького плагина, под названием Avatar Shaper.
Плагин Avatar Shaper позволяет настроить стиль фотографии/аватарки пользователей
Плагин Avatar Shaper
С Avatar Shaper вы можете легко настроить стиль аватарки, то есть, сделать его круглым, закруглить углы у квадратной аватарки и многое, многое другое. Также можно к картинке/аватарке добавить тень, свечение к фото выбрав нужный цвет. Плагин не нагружает ваш блог, он лишь добавляет стили CSS к вашему сайту. После установи и активации модуля, переходите в раздел Настройки - Avatar Shaper и выбирайте нужный стиль:
Настройки стиля аватарки WordPress
Здесь, пожалуйста, выбирайте и настраивайте нужный стиль для изображения аватарки в комментариях сайта. С правой стороны страницы, будет предварительный просмотр аватарки.
Здравствуйте, мои читатели! Сегодня я расскажу о 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: http://wordpress.org/extend/plugins/search.php?q=avatar . Увидел огромное количество плагинов. Установил первый попавшийся — Add Local Avatar. Он мне сразу не понравился, какой-то он слишком большой. Выключил, удалил.
Затем я обратил свое внимание на плагин . Скачал его, установил. Он сразу заработал без каких-либо дополнительных действий. Однако, в нем есть несколько минусов:
- Нельзя выбрать папку, в которую будут загружаться аватарки. Они загружаются туда же, куда загружаются все медиафайлы.
- Нет ограничения на размер аватара (можно загрузить хоть 10 мб файл).
Все остальное в плагине реализовано:
- Автоматический ресайз картинок: вы загружаете картинку любого размера, скрипт создает несколько её копий тех размеров, которые используются на вашем сайте. Если копия уже создана, скрипт не будет её создавать заново, а вернет старую копию уменьшенной картинки.
- У вас есть возможность запретить загружать аватары всем, кто по РАНГУ ниже, чем автор.
- Самый главный плюс. Плагин переопределяет функцию . Это значит, что, если вы где-то на сайте уже выводили аватары пользователей, то, установив плагин, у вас все будет также работать, так как имя функции — не изменилось.
Собственно, этот плагин мне очень понравился, и я решил немного его доделать, убрав вышеописанные минусы. В моей версии этого плагина реализован такой функционал:
- Все аватарки будут загружаться в папку ABSPATH . «wp-content/uploads/avatars» .
- Пользователи смогут загружать только файлы, чей размер меньше 100 кб.
- Пользователи смогут загружать только такие файлы, в чьем имени нет .shtml, .php .
Установка плагина:
- Установите плагин, как вы это делаете обычно.
- Создайте папку wp-content/uploads/avatars .
- Установите права 755 для этой папки.
Надеюсь, что вам поможет мой плагин аватарки. Если вы найдете какие-то критические ошибки в нем, прошу написать о них, так как скрипт используется на моих реальных проектах.
Получает 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 
