Округляем аватарки в WordPress

Округляем аватарки в WordPress

Для добавления круглых аватарок в шаблон wordpress первым делом устанавливается текстовый редактор, например Notepad. Также потребуется установить FTP клиент, чтобы подключится к сайту по ftp.

Затем находят папку, в которой лежит шаблон wordpress и находят файл стилей в этой папке. Чаще всего в шаблонах этот файл имеет название style.css. Однако файл может иметь и другое имя, главное, что расширение файла должно быть css.

Узнать под каким именем файл необходимый для редактирования можно и следующим образом:

Открываем нашу страницу в браузере Google Chrome с комментариями;

Нажимаем на картинку аватарки правой кнопкой мыши и выбираем пункт меню «Просмотр кода элемента».

В браузере Google Chrome отобразится дополнительная панель внизу справа. На этой панели можно увидеть название и где собственно хранятся все стили css с вашего сайта.

Рядом с именем файла css видна также цифра. Эта цифра обозначает, в какой строке вам требуется внести изменения в файле css. Она пригодится в последующем. Следующим шагом открываем файл стилей и прокручиваем до строки, указанной рядом с именем файла. Затем вставляем код, который делает аватарки круглыми. Код включает такие свойства как border-radius, -moz-border-radius и -webkit-border-radius. Степень округления можно задать в процентах, пикселях или других единицах измерения.

Читайте также:  Отрисовываем растровую карту местности в вектор

После этого сохраняем файл, загружаем его на сервер и обновляем страницу.

Вам может быть интересно: