Как на вордпресс загрузить аватар. Изменяем аватары пользователей по умолчанию в WordPress. #3 Добавление атрибута stylе

(Последнее обновление: 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: http://wordpress.org/extend/plugins/search.php?q=avatar . Увидел огромное количество плагинов. Установил первый попавшийся — Add Local Avatar. Он мне сразу не понравился, какой-то он слишком большой. Выключил, удалил.

Затем я обратил свое внимание на плагин . Скачал его, установил. Он сразу заработал без каких-либо дополнительных действий. Однако, в нем есть несколько минусов:

• Нельзя выбрать папку, в которую будут загружаться аватарки. Они загружаются туда же, куда загружаются все медиафайлы.
• Нет ограничения на размер аватара (можно загрузить хоть 10 мб файл).

Все остальное в плагине реализовано:

• Автоматический ресайз картинок: вы загружаете картинку любого размера, скрипт создает несколько её копий тех размеров, которые используются на вашем сайте. Если копия уже создана, скрипт не будет её создавать заново, а вернет старую копию уменьшенной картинки.
• У вас есть возможность запретить загружать аватары всем, кто по РАНГУ ниже, чем автор.
• Самый главный плюс. Плагин переопределяет функцию . Это значит, что, если вы где-то на сайте уже выводили аватары пользователей, то, установив плагин, у вас все будет также работать, так как имя функции — не изменилось.

Собственно, этот плагин мне очень понравился, и я решил немного его доделать, убрав вышеописанные минусы. В моей версии этого плагина реализован такой функционал:

• Все аватарки будут загружаться в папку ABSPATH . «wp-content/uploads/avatars» .
• Пользователи смогут загружать только файлы, чей размер меньше 100 кб.
• Пользователи смогут загружать только такие файлы, в чьем имени нет .shtml, .php .

Установка плагина:

1. Установите плагин, как вы это делаете обычно.
2. Создайте папку wp-content/uploads/avatars .
3. Установите права 755 для этой папки.

Надеюсь, что вам поможет мой плагин аватарки. Если вы найдете какие-то критические ошибки в нем, прошу написать о них, так как скрипт используется на моих реальных проектах.

Flector 5

WordPress уже давно использует в качестве аватаров сервис Gravatar.com , однако до сих пор множество людей не понимает, как этот сервис работает и как там установить свой аватар. Именно поэтому на форумах по WordPress начинающие блогеры регулярно задают вопросы о том, как устанавливать и выводить свои собственные локальные аватары. Плагин действительно легко позволит встроить в ваш блог поддержку своих собственных аватаров, загружаемых пользователями через свой профиль.

Скачиваем плагин с его домашней страницы и устанавливаем его:

1. Распаковываем архив.

2. Копируем папку simple-local-avatars в /wp-content/plugins/ .

3. Заходим в админку блога на вкладку "Плагины " и активируем плагин.

У плагина есть одна единственная настройка, которую вы найдете в "Параметрах\Обсуждение ":

Установив здесь галку, вы запретите обычным "подписчикам" устанавливать свои локальные аватары, оставив данную привилегию для "начальства" блога.

Сам аватар устанавливается в профиле пользователя. Все что нужно - это выбрать картинку аватара и нажать кнопку "Обновить профиль ". Этот аватар будет загружен в папку uploads вашего блога (или в папку, которую вы установили для загрузки медиафайлов в настройках блога).

Картинка аватара загружается в блог без каких-либо изменений. Аватарки нужного размера из этой картинки формируются по запросу. Например, в профиле выводится аватарка размера 96x96 - при открытии профиля будет сформирован аватар именно с этими размерами.

Огромное удобство плагина в том, что он не заменяет собой граватары, а работает совместно с ними - если установлен локальный аватар, то он будет показан с теми размерами, с которыми выводятся и граватары. Если локальный аватар не установлен, то вместо него будет выведен граватар. Таким образом, вы избежите ситуаций, когда на 20 комментариев разных авторов выводится лишь одна аватарка комментатора, который не поленился ее залить в блог.

Плагин создает аватарку нужного размера только один раз при первом запросе. Затем берется уже готовая аватарка и поэтому никакой лишней нагрузки не будет. В разных местах блога аватарки могут выводиться разного размера (в соответствии с установленными размерами вывода граватаров), поэтому плагин просто создаст несколько аватарок нужного размера:

Плагин очень простой, но при этом полностью выполняет возложенные на него функции без какой-либо доводки его до ума. Если вам в блоге нужен плагин локальных аватаров для WordPress , то лучше вы ничего не найдете.

Если у вас в блоге/сайте имеются то наверняка вы замечали там разные иконки и фото для профилей пользователей. Эти аватары в 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; }

Важно! Для переменной $myavatar нужно подставить ссылку на загруженный вами файл. В следующей строке задается название WordPress аватара по умолчанию, которое будет отображено в админке.

3. Изменение настроек

На следующем шаге требуется изменить аватар в WordPress настройках системы. Для этого заходим в раздел «Настройки» — «Обсуждение», где в самом низу страницы найдете новый элемент.

Это, пожалуй, самый простой шаг алгоритма. После этого остается зайти на сайт и проверить отображение новых иконок. Не забудьте очистить кэш в случае наличия в проекте !

4. Возможные ошибки

Признаться честно, моя первая попытка установить новые WordPress аватары пользователей не увенчалась успехом. После всех изменений на сайте продолжал отображаться стандартный логотип Gravatar. Если у вас похожая ситуация, то поищите в файлах шаблона функцию get_avatar (предположительно в comments.php или functions.php). Именно она выводит иконки аватарки. Убедитесь, что при вызове в ней не используется параметр $default, а указаны только первые два:

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

Итого. В принципе, вы видите, что изменить в WordPress аватары пользователей по умолчанию не так уж и сложно. Главное последовательно и внимательно выполняйте все шаги алгоритма и не забудьте в финале почистить кэш. Если появятся какие-то вопросы, пишите в комментах.

Многим интернет-разработчикам известно, что WordPress — это замечательная система управления контентом сайта, если ее правильно и профессионально доработать, то есть расширить базовый функционал и настроить под собственные нужды. Для этого используются плагины — не что иное, как разработанные модули кода, которые добавляют новые функции и возможности, оперируя которыми, Вы «затачиваете» сайт под конкретную тематику и возможности.

Одним из самых востребованных и известных плагинов является WP User Avatar . Данное расширение позволяет увеличить функционал работы со стандартными аватарами в системе. Благодаря ему, Вы сможете сменить обыденный и типичный стандартный аватар на что-то свое, а также расширение позволяет делать систему аватаров: каждый зарегистрированный пользователь получит свой собственный аватар. Это облегчает и детализирует стандартные комментарии, делая их более привлекательными и легко читаемыми, позволяя отказаться от сервиса Gravatar.com…

Основные возможности плагина:

• Добавлять свои собственные аватары;
• Изменить аватар по умолчанию;
• Назначать пользователям разные аватары;
• Позволяет загружать пользователям свои аватары;
• Есть возможность отключить стандартный аватар, поменяв его на более подходящий;
• Позволяет задавать ограничения на загрузку и размер картинки.

Для столь небольшого плагина данное количество функций и возможностей, которые предоставляет он говорит о том, что разработчики профессионально подошли к вопросу решения проблемы.

Установка, настройка и применение возможностей

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

1. Скачайте архив с плагином с официального каталога WordPress: http://wordpress.org/plugins/wp-user-avatar/
2. Распакуйте его в папку
3. Откройте FTP — клиент и разверните соединение со своим сайтом
4. Загрузите распакованную папку с плагином по пути: WP-Content/Plugins
5. После можно закрыть или свернуть FTP-клиент
6. Перейдите в админ — панель WordPress вашего сайта и откройте раздел «Плагины»
7. Найдите загруженный плагин WP User Avatar и Активируйте.
8. После можно приступить к ознакомлению и настройке. Пройдя в раздел «Параметры / WP User Avatar»

После установки плагина он имеет настройки по умолчанию(их можно посмотреть либо в техническом описании к плагину, либо в параметрах самого плагина).

Настройка плагина выполняется через графический интерфейс, в котором можно воспользоваться всеми функциями и возможностями, которые были заложены в расширение. Для того, чтобы внести изменения, достаточно изменить пару настроек и нажать кнопку внизу страницы «Сохранить» — Ваш сайт уже смотрится по-другому.

Вместо послесловия

Плагин является востребованным как среди профессионалов, так и новичков. Главной его особенностью является широкий функционал, который затрачивает минимальное количество ресурсов. Из-за этого плагин имеет столь высокую популярность и востребованность…