Аватары в комментариях wordpress. Плагин аватарки для wordpress. Возможно Вам это будет интересно
(Последнее обновление: 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
Здесь, пожалуйста, выбирайте и настраивайте нужный стиль для изображения аватарки в комментариях сайта. С правой стороны страницы, будет предварительный просмотр аватарки.
Получает 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 Если у вас в блоге/сайте имеются то наверняка вы замечали там разные иконки и фото для профилей пользователей. Эти аватары в 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 — это замечательная система управления контентом сайта, если ее правильно и профессионально доработать, то есть расширить базовый функционал и настроить под собственные нужды. Для этого используются плагины — не что иное, как разработанные модули кода, которые добавляют новые функции и возможности, оперируя которыми, Вы «затачиваете» сайт под конкретную тематику и возможности.
Одним из самых востребованных и известных плагинов является WP User Avatar . Данное расширение позволяет увеличить функционал работы со стандартными аватарами в системе. Благодаря ему, Вы сможете сменить обыденный и типичный стандартный аватар на что-то свое, а также расширение позволяет делать систему аватаров: каждый зарегистрированный пользователь получит свой собственный аватар. Это облегчает и детализирует стандартные комментарии, делая их более привлекательными и легко читаемыми, позволяя отказаться от сервиса Gravatar.com…
Основные возможности плагина:
- Добавлять свои собственные аватары;
- Изменить аватар по умолчанию;
- Назначать пользователям разные аватары;
- Позволяет загружать пользователям свои аватары;
- Есть возможность отключить стандартный аватар, поменяв его на более подходящий;
- Позволяет задавать ограничения на загрузку и размер картинки.
Для столь небольшого плагина данное количество функций и возможностей, которые предоставляет он говорит о том, что разработчики профессионально подошли к вопросу решения проблемы.
Установка, настройка и применение возможностей
Установка расширения происходит стандартным способом добавления плагинов в систему. Установка и развертывание плагина автоматизированы, поэтому даже начинающий веб мастер сможет справиться с установкой:
- Скачайте архив с плагином с официального каталога WordPress: http://wordpress.org/plugins/wp-user-avatar/
- Распакуйте его в папку
- Откройте FTP — клиент и разверните соединение со своим сайтом
- Загрузите распакованную папку с плагином по пути: WP-Content/Plugins
- После можно закрыть или свернуть FTP-клиент
- Перейдите в админ — панель WordPress вашего сайта и откройте раздел «Плагины»
- Найдите загруженный плагин WP User Avatar и Активируйте.
- После можно приступить к ознакомлению и настройке. Пройдя в раздел «Параметры / WP User Avatar»
После установки плагина он имеет настройки по умолчанию(их можно посмотреть либо в техническом описании к плагину, либо в параметрах самого плагина).
Настройка плагина выполняется через графический интерфейс, в котором можно воспользоваться всеми функциями и возможностями, которые были заложены в расширение. Для того, чтобы внести изменения, достаточно изменить пару настроек и нажать кнопку внизу страницы «Сохранить» — Ваш сайт уже смотрится по-другому.
Вместо послесловия
Плагин является востребованным как среди профессионалов, так и новичков. Главной его особенностью является широкий функционал, который затрачивает минимальное количество ресурсов. Из-за этого плагин имеет столь высокую популярность и востребованность…
Плагин Add local Avatar внедряет на станицу профиля зарегистрированного пользователя форму загрузки аватара. Для начала Вам нужно скачать этот плагин с его официальной странички или можно воспользоваться поиском через панель управления сайтом панель.
После того как Вы активируете плагин в левом меню панели управления в разделе Пользователи появится пункт «Avatar».
Настройка плагина
Смело переходим на страницу настроек «Avatar», и выполняем по порядку следующие действия:
- Ставим галочку напротив «Показывать аватары»
- В стилях аватары задаем значение «G» — показывать для любой аудитории
- Выбираем размер аватара который нам подходит по дизайну сайта
- Twitter Avatar — ставим здесь галочку, если хотим, чтобы подгружались аватары пользователей, которые зарегистрированы в Twitter
- Gravatar по умолчанию — выбираем одно из стандартных решений аватаров WordPress
- Стандартное изображение — в это поле Вы можете ввести полный путь к аватару, который будет отображаться если у пользователя нет своего (например: http://www.ваш-сайт.ком.юа/avatars/standart-ava.jpg)
- Использовать снимки экрана — требуется, если Вы используете скриншоты (я их не использую, поэтому галочку никогда не ставлю)
- Аватары в записи — заменяет тэг аватаром для этого адреса электронной почты в содержимом записи
- Загрузки пользователей — самый важный момент. Отмечаем галочку, тем самым позволяем пользователям загружать свои аватары, не забудьте ввести имя папки в которую вы хотите подгружать изображения. И самое главное в это же поле есть еще один чекбокс возле $_SERVER["DOCUMENT_ROOT"] method его тоже нужно отметить (эта галочка прописывает полный путь к аватарам — как мы все знаем, а кто не знает знайте что в WordPress пути к картинкам работают только полные)
- Обрезка рисунка — обрезает не квадратные картинки
- Wrap Avatars with URL — опция обрезает url к аватару (пример: http://ваш-сайт.юа/название-аватара.jpg)
- Ник — оглавление аватара — галочкой отметил, но какого-то эффекта не заметил
- В поле «прочие данные» — выбираем не отображать ссылку на автора
- Ну и наконец-то нажимаем долгожданную кнопочку «Обновить настройки Avatar»
В результате после обновления Вы получите вот такую ситуацию на странице:
Используем
Проверяем как всегда все на своем личном профиле, заходим в меню Пользователи -> Ваш профиль и в самом внизу обнаруживаем волшебную форму загрузки аватара, думаю объяснять не надо как ею воспользоваться.
Выводим аватар в шаблоне
Если вернемся на страницу настроек плагина, что в самом низу разработчик приводит код вызова аватара в теме. Давайте разберемся с ним.
Во-первых если Вы хотите, чтобы аватар отображался в комментариях нужно внести изменения в файл functions.php. Для начала откройте его (желательно программой Notepad++), нажмите заветную комбинация Ctrl+F и введите «avatar». После этого Вы увидите строчку:
Замените ее на:
Если Вы хотите выводить аватар зарегистрированного пользователя в любом месте шаблона нужно в это месть добавить следующий код:
Примечание: цифры 60 и 40 — это размер аватара в пикселях
Кстати если Вы хотите использовать аватары в виджете или в форме авторизации пользователей читайте статьи
На первый взгляд это отличный плагин, однако есть существенное НО — это корректировка внутреннего кода темы и дикая сложность его внедрения на страницу профиля (это когда Вы на своем блоге хотите, чтобы пользователь корректировал свой профиль на отдельной странице встроенной в дизайн сайта, а не из админ панели — хотя если Вы без предрассудков, то это что Вам нужно) и то что загрузить картинку можно только маленького размера.
А чтобы предрассудков вообще не возникало попробуйте плагин — на мой взгляд самое стоящее решение в этом вопросе.
