Обтекание изображений в WordPress

Картинка не обтекается текстом

Картинка не обтекается текстом

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

Обтекание текста справа

Обтекание текста справа

И все бы хорошо, но просматривая статью на сайте мы видим вот такое

Картинка не обтекается текстом

Картинка не обтекается текстом

Это совсем не то, что нам нужно. Давайте разбираться.

Решение проблемы обтекания в WordPress

Если в Firebug посмотреть на картинку, то увидим, что родительский контейнер имеет класс alignleft.

Отсутствующие стили WordPress

Отсутствующие стили WordPress

А вот файл стилей нашей темы такого класса не имеет. Поэтому, идем по пути Внешний вид -> Редактор и там, справа, ищем Стили, а ниже Таблица стилей (style.css). Файл стилей в вашей теме может называться иначе.

Открываем этот файл и вставляем в него в самый конец следующее:

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}

Щелкаем Обновить файл, обновляем проблемную страницу и радуемся результату :)

Меток нет. Похожие записи
Запись опубликована в рубрике WordPress. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>