Недавно мы показали вам, как стилизовать макет комментариев и как стилизовать форму комментариев. Один из наших пользователей написал нам письмо и спросил: «Как вы сделали ваши изображения граватара круглыми?? Храните ли вы изображения gravatar локально, чтобы они были круглыми?» В этой статье мы покажем вам, как отображать круглые изображения граватара в WordPress. Мы будем использовать свойство border-radius в CSS3 для создания круглых изображений граватара.
Первое, что вам нужно сделать, это отредактировать стиль вашей темы.css-файл. Вы можете сделать это с помощью программы FTP или перейдя по адресу Внешний вид » Редактор в админке WordPress. Далее необходимо добавить следующий код в ваш CSS файл:
.аватар
Это должно работать на большинстве тем WordPress. Однако, если это не работает в вашей теме, то, вероятно, какой-то плагин или функция вашей темы изменяет классы по умолчанию, используемые для gravatar в WordPress. Чтобы узнать, какой css-класс используют изображения gravatar в вашей теме, вам нужно открыть пост блога, в котором есть комментарии. Прокрутите вниз до раздела комментариев и щелкните правой кнопкой мыши на изображении граватара, чтобы выбрать пункт Inspect Element. Это покажет вам исходный код вашего граватара, как здесь:
Если изображение граватара имеет что-то другое, чем аватар тогда используйте это вместо .аватар в приведенном выше коде css.
Мы надеемся, что эта статья помогла вам отобразить круглые изображения граватара на вашем блоге WordPress. Сообщите нам, если у вас есть какие-либо вопросы или отзывы, оставив комментарий ниже.
Источник: www.wpbeginner.com