Картинка не обтекается текстом
С такой проблемой сталкиваются многие. Вот и сегодня наткнулся на обсуждение этой проблемы на сайте. Проявляется она так — в админке вы редактируете статью, вставляете картинку, размещаете ее слева и текст автоматически обтекает ее справа, занимая пустое пространство
Обтекание текста справа
И все бы хорошо, но просматривая статью на сайте мы видим вот такое
Картинка не обтекается текстом
Это совсем не то, что нам нужно. Давайте разбираться.
Решение проблемы обтекания в WordPress
Если в Firebug посмотреть на картинку, то увидим, что родительский контейнер имеет класс alignleft.
Отсутствующие стили WordPress
А вот файл стилей нашей темы такого класса не имеет. Поэтому, идем по пути Внешний вид -> Редактор и там, справа, ищем Стили, а ниже Таблица стилей (style.css). Файл стилей в вашей теме может называться иначе.
Открываем этот файл и вставляем в него в самый конец следующее:
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
Щелкаем Обновить файл, обновляем проблемную страницу и радуемся результату 🙂