Многим интернет-разработчикам известно, что 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»
После установки плагина он имеет настройки по умолчанию(их можно посмотреть либо в техническом описании к плагину, либо в параметрах самого плагина).
Настройка плагина выполняется через графический интерфейс, в котором можно воспользоваться всеми функциями и возможностями, которые были заложены в расширение. Для того, чтобы внести изменения, достаточно изменить пару настроек и нажать кнопку внизу страницы «Сохранить» — Ваш сайт уже смотрится по-другому.
Вместо послесловия
Плагин является востребованным как среди профессионалов, так и новичков. Главной его особенностью является широкий функционал, который затрачивает минимальное количество ресурсов. Из-за этого плагин имеет столь высокую популярность и востребованность…
Flector 5
WordPress уже давно использует в качестве аватаров сервис Gravatar.com , однако до сих пор множество людей не понимает, как этот сервис работает и как там установить свой аватар. Именно поэтому на форумах по WordPress начинающие блогеры регулярно задают вопросы о том, как устанавливать и выводить свои собственные локальные аватары. Плагин действительно легко позволит встроить в ваш блог поддержку своих собственных аватаров, загружаемых пользователями через свой профиль.
Скачиваем плагин с его домашней страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку simple-local-avatars в /wp-content/plugins/ .
3. Заходим в админку блога на вкладку "Плагины " и активируем плагин.
У плагина есть одна единственная настройка, которую вы найдете в "Параметрах\Обсуждение ":
Установив здесь галку, вы запретите обычным "подписчикам" устанавливать свои локальные аватары, оставив данную привилегию для "начальства" блога.
Сам аватар устанавливается в профиле пользователя. Все что нужно - это выбрать картинку аватара и нажать кнопку "Обновить профиль ". Этот аватар будет загружен в папку uploads вашего блога (или в папку, которую вы установили для загрузки медиафайлов в настройках блога).
Картинка аватара загружается в блог без каких-либо изменений. Аватарки нужного размера из этой картинки формируются по запросу. Например, в профиле выводится аватарка размера 96x96 - при открытии профиля будет сформирован аватар именно с этими размерами.
Огромное удобство плагина в том, что он не заменяет собой граватары, а работает совместно с ними - если установлен локальный аватар, то он будет показан с теми размерами, с которыми выводятся и граватары. Если локальный аватар не установлен, то вместо него будет выведен граватар. Таким образом, вы избежите ситуаций, когда на 20 комментариев разных авторов выводится лишь одна аватарка комментатора, который не поленился ее залить в блог.
Плагин создает аватарку нужного размера только один раз при первом запросе. Затем берется уже готовая аватарка и поэтому никакой лишней нагрузки не будет. В разных местах блога аватарки могут выводиться разного размера (в соответствии с установленными размерами вывода граватаров), поэтому плагин просто создаст несколько аватарок нужного размера:
Плагин очень простой, но при этом полностью выполняет возложенные на него функции без какой-либо доводки его до ума. Если вам в блоге нужен плагин локальных аватаров для WordPress , то лучше вы ничего не найдете.
Добрый вечер, мои читатели. Вчера я, как обычно, просматривал комментарии на своих сайтах. В одном из них пользователь спросил меня, как установить свою аватарку вместо стандартной 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 для этой папки.
Надеюсь, что вам поможет мой плагин аватарки. Если вы найдете какие-то критические ошибки в нем, прошу написать о них, так как скрипт используется на моих реальных проектах.
Если у вас в блоге/сайте имеются то наверняка вы замечали там разные иконки и фото для профилей пользователей. Эти аватары в 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 аватары пользователей по умолчанию не так уж и сложно. Главное последовательно и внимательно выполняйте все шаги алгоритма и не забудьте в финале почистить кэш. Если появятся какие-то вопросы, пишите в комментах.
Короткая заметка о том, как установить произвольную картинку в качестве аватарки по дефолту. Вариантов это сделать как минимум три. Какой из них лучше подойдет в конкретной ситуации написано ниже.
Сервис 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;
Loading...