Как отображать круглые изображения Gravatar не WordPress

Недавно мы показали, как создать макет комментария и как создать форму комментария. Один из наших пользователей отправил нам электронное письмо и спросил: «Как вы преобразовали свои изображения своего граватара? Você вооружает изображения граватар локально, чтобы сделать их круглыми? В этой статье мы покажем, как отображать круглые изображения граватара, а не WordPress. Мы будем использовать CSS3-свойство border-radius для создания круговых изображений из gravatar.

Примите участие в обновлении и редактировании в стиле style.css do seu tema. Вы также можете использовать программу FTP или получить доступ к Внешний вид »Редактор Я не твой администратор WordPress. Далее, вы либо хотите добавить, либо следовать коду, отличному от вашего CSS-файла:

.avatar {
Райо да Борда: 50%;
Райо да Борда да Луа: 50%;
-webkit-border-radius: 50%;
}

Isso должен работать на большинстве тем WordPress. Однако работать с вашей темой невозможно, возможно, это был плагин или функция вашей темы, которая мешает родительским классам, используемым для оплаты не WordPress. Чтобы узнать, какие изображения для захвата CSS вы используете не в своей теме, вам нужно открыть пост-блог без поста с комментариями. Роль к baixo прикреплена к комментариям и нажмите на кнопку, чтобы кликнуть на изображение, чтобы выбрать Inspect Element. Он покажет исходный код вашего gravatar, ассим:

Это была гравитация, а не использование .avatar нет кода CSS выше.

Мы надеемся, что эта статья способствовала отображению круглых изображений в вашем блоге WordPress. Сообщите нам, что вы задаете вопросы или комментарии, оставив комментарий ниже.