Как сделать граватары на своем блоге WordPress круглыми

Как сделать граватары круглыми? Разве что заливать их сразу, обрамленными в кружочек? Но ведь это не наши методы! В этой статье мы расскажем, как сделать граватары круглыми на своем блоге WordPress. Мы будем использовать такое свойство CSS как border-radius для создания округлых изображений.

Первое, что нужно будет сделать, это отредактировать файл style.css вашей темы. Это можно реализовать, используя ftp-клиент или же если пройти в Внешний вид » Редактор в административной панели вашего блога. Следующий шаг — добавить следующий код в файл CSS:

.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

Этот способ сработает на большинстве шаблонов WordPress. Однако, если конкретно в вашей теме не работает, то видимо какой-то плагин или функция темы замещает стандартные классы, используемые для граватаров в WordPress. Для того, чтобы выяснить, какой именно класс используется нужными нам изображениями в вашей теме, необходимо открыть любую запись блога, у которой есть комментарии. Скроллим вниз к комментариям, кликаем правой кнопкой мыши на изображении граватара и выбираем «Исследовать элемент». Инспектор покажет исходный код для аватара, как на примере ниже:

Если у граватара другой класс, нежели avatar, то замените в вышеприведенном коде .avatar на свое значение.

Надеемся, что статья помогла вам сделать граватары более округлыми на своем блоге WordPress, нежели до этого. Отзыва, вопросы — просим озвучивать их в комментариях.