Більшість сайтів WordPress відображають аватарки для своїх користувачів. Це можуть бути зображення, які вибрали самі користувачі, або стандартні зображення WordPress.
Стандартна аватарка для WordPress – це піктограма сірої людини на білому тлі. І якщо чесно, це найнудніше зображення, яке тільки можна було придумати. Але, на щастя, є простий спосіб змінити стандартну аватарку.
Дивіться також:
У цьому уроці ми розповімо, як змінити стандартний аватар за промовчанням WordPress. Ми також покажемо, як завантажити будь-яку картинку як аватар, і які є WordPress плагіни для зміни стандартної картинки.
Жодних серйозних навичок для цього не потрібно, тільки стандартні - як встановити плагін і як обрізати картинку.
Що таке аватар?
В рамках WordPress, аватар - це маленька піктограма користувача, розміром 80 х 80 px, яка відображається поряд із його ім'ям, наприклад, у коментарях. Картинка зазвичай використовується у форматі JPG або PNG.
Стандартна аватарка WordPress
Стандартні налаштування аватара
Ви багато разів бачили цю картинку "анонімного чоловічка". Вона нудна і безлика. Але всередині налаштувань WordPress можна змінити цю картинку на іншу.
В адмінці WordPress зайдіть у Установки → Обговорення і перейдіть вниз.
Ви можете вибрати один із 7 варіантів для аватара на WordPress. Вибраний варіант буде застосовуватися для користувачів, які залишають коментарі на сайті або створюють свій профіль за умови, що вони не використовують свій власний аватар.
Людина-загадка обрана за замовчуванням.
Цікава річ, яку не всі звертали увагу. Останні 4 варіанти (де написано Автоматично) генерують картинку для кожного користувача індивідуально на основі його імені чи email. Тобто для кожного користувача без власної аватарки WordPress згенерує свою унікальну.
Ось такі прикольні монстри присвоюватимуться користувачам без аватарок, якщо ви оберете MonsterID:
Gravatar - Завантажте свою картинку на аватар
Якщо вас не влаштовує жоден із стандартних варіантів аватара на WordPress, ви можете використовувати безкоштовний сервіс від компанії Automattic. Gravatar.
Gravatar розшифровується як Всесвітньо визнаний Аватар (Глобально розпізнаваний аватар).
Ідея дуже проста: ви створюєте свій профіль на Gravatar і завантажуєте свою картинку на аватар, а потім, коли ви залишаєте коментарі або авторизуєтеся на сайті, який використовує систему Gravatar (а таких, повірте, дуже багато), ваша картинка профілю автоматично завантажується з профілю Gravatar.
Не потрібно налаштовувати свій профіль та аватар на кожному сайті, просто використовуйте свій email з профілю Gravatar як ідентифікатор, і ваша картинка буде з вами на будь-якому сайті.
В адмінці WordPress у меню Користувачі → Ваш профіль ви зможете побачити свою аватарку Gravatar:
Як налаштувати свій аватар на Gravatar.com
Щоб налаштувати свій аватар, перейдіть на сайт Gravatar.com та створіть свій профіль. Це безкоштовно. Просто вкажіть своє ім'я, email та завантажте картинку профілю:
Ви можете зберегти кілька email адрес у вашому профілі з різним аватаром для кожного з них:
Для зображення найкраще підійде квадратне зображення 250×250.
Якщо ви завантажили прямокутне зображення – не проблема. Вбудований інструмент обрізки допоможе вам зробити квадратну аватарку з вашої оригінальної фотографії:
Після того, як ви налаштували та зберегли ваш аватар на Gravatar.com, зайдіть у налаштування профілю на WordPress та оновіть сторінку. Якщо email вашого профілю на WordPress збігається з Gravatar.com, ваша картинка оновиться автоматично:
Тепер, коли ви залишатимете коментарі на будь-якому сайті з підтримкою Gravatar, ваша картинка профілю завжди відображатиметься поряд з ім'ям:
WordPress плагіни для налаштування аватара
Для WordPress є багато безкоштовних плагінів, які допоможуть вам налаштувати аватар, якщо ви не бажаєте розбиратися з Gravatar.com. Ось кілька найкращих плагінів для налаштування аватарок.
1. Add New Default Avatar
Add New Default Avatar додає поле, в якому ви можете вказати посилання на картинку, яка використовуватиметься для аватара. Можна завантажувати кілька зображень і потім вибирати зі списку. Можна навіть вказувати розмір зображення. Ось як це виглядає:
2. WP Перший лист Аватар
WP First Letter Avatar створює зображення аватара за першою літерою імені. Кожна літера має свій колір. Щоправда, ми не впевнені щодо підтримки кирилиць.
Ось так виглядатиме аватарка для користувача з ім'ям на літеру T:
3. Менеджер аватар
Avatar Manager дозволяє вашим користувачам завантажувати картинки для аватарок прямо з налаштувань профілю WordPress. Всі картинки зберігатимуться на вашому сайті.
4. WP Аватар користувача
WP User Avatar також дозволяє завантажувати картинки на аватар, за аналогією з попереднім плагіном. Але тут ви можете подивитись всі завантажені файли в бібліотеці, а також вибрати будь-яку картинку на аватар з бібліотеки.
5. Basic User Avatars
Basic User Avatars точно так, додає кнопку для завантаження аватарок з налаштувань профілю WordPress. Можна настроїти обмеження для користувачів різних ролей, наприклад авторів та редакторів.
6. WP User Avatars
WP User Avatars також додає можливість завантажити картинку на аватар із налаштувань профілю WordPress. Є керування ролями користувачів та можливість вибирати картинку з медіа бібліотеки.
Рекомендації щодо вибору картинки на аватар
Вибирайте будь-яку картинку, бажано квадратну, розміром не менше 128х128. Краще підійде 250×250.
- PNG підходить для картинок з прозорим фоном.
- JPG підходить для фотографій та градієнтів
- GIF підходить для примітивної графіки з простими лініями і кольорами, що повторюються.
Підсумки
У вас є кілька варіантів з налаштування аватара на WordPress:
- вибрати один із 7 стандартних варіантів в адмінці WordPress
- налаштувати свій аватар на Gravatar.com та завантажити свою картинку
- використовувати один із безкоштовних плагінів WordPress і завантажувати картинки на аватар прямо на сайт
Який із варіантів вам найбільше підійшов? Розкажіть нам у коментарях нижче!
Коментарі до запису: 6
+ + +
чудово дякую.
У мене в блозі спочатку не було блоку автора статей із аватаркою. Вирішив зробити. Подивився рекомендації із вашої статті, зараз зупинився на плагіні WP User Avatar.
А який із них може рандомно виводити аватари із завантаженого списку?
А є якісь готові рішення або код для того, щоб різним користувачам присвоювалося випадкове зображення з мого набору картинок, як реалізовано в gravatar, тільки щоб картинки були б моїми?
Добрий день.
Нам не відомо таке готове рішення