Вы наверняка натыкались на сайты, где видели интересные формы граватаров пользователей. Хотите добавить такой же стиль на свой сайт? Когда-то мы уже писали о том, как добавить скругленные аватары с помощью CSS, но для этого требовалось копание в коде. В сегодняшней статье мы покажем вам как изменить форму аватаров пользователей в WordPress без HTML или CSS.
Первым делом вам необходимо установить и активировать плагин Avatar Shaper.
После активации плагина необходимо перейти в Настройки » Avatar Shaper для настройки.
В плагиге встроено 10 форм, которые можно применить к своим картинкам на граватарах. Можно осуществить предпросмотр каждой формы в реальном времени, кликнув на кнопку select shape.
Формы представлены следующими фигурами: скругленный квадрат, круг, пятиугольник, шестиугольник, девятиугольник, семиугольник, взрыв, и аватар в форме сердца.
Вы можете настроить стили путем изменения радиуса скругления в настройках, добавления или удаления теней, настройки цвета теней, а также удаления глянца из предустановленных форм.
В случае, если вы не хотите использовать ни один из них, то всегда можно кликнуть на Custom и создать свой собственный фильтр для формы. При создании собственного варианта, вы можете настраивать радиус скругления границ на свое усмотрение.
Если вы — продвинутый пользователь и хотите вручную добавлять модификации для аватаров, то необходимо отметить соответствующую галочку custom method. Используя custom method, можно вручную добавлять тег шаблона avatar_shaper() в свою тему в то место, где нужно вывести кастомизированные аватары. Новички с чистой совестью могут игнорировать эту настройку.
После окончания выбора формы для ваших аватаров, нажмите на кнопку сохранения изменений.
Вот и все. Теперь можно перейти на свой сайт и увидеть, как выглядит полученный результат.
Мы надеемся, что эта статья помогла вам изменить внешний вид аватаров пользователей в WordPress. Также, возможно, вам будет интересна наша статья о том, как добавить новые дефолтные аватарки в WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.