Долго я мучался с проблемой обтекания текстом картинок в WordPress. Точнее сказать, не обтеканием. Никак руки не доходили поискать информацию о том, как же решить эту проблему. Поэтому при вставке изображений, я тупо указывал “Не выравнивать” в настройках изображения.
Но теперь, когда я разобрался с более насущными для блога вопросами, такими как настройка 404 страницы, добавление в блог пользовательского поиска Google, Wordpress SEO и др. Настало время решить проблему не обтекания текстом картинок.
Оказалось всё гораздо проще, чем я предполагал. Я думал, что это глюк WordPress, а на самом деле, это глюк старых шаблонов. Потому что начиная с версии WordPress 2.5, требуется наличие следующего кода в таблицах стилей любого шаблона:
img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; }
Вот и всё! Достаточно просто скопировать этот код в файл style.css твоего шаблона WordPress и текст начнёт исправно обтекать изображения. Как вода, заполнит всё свободное пространство. Обожаю смотреть, как это работает. 
сентября 3, 2008 в 04:55
не автоматом. только если картинки вставлять через родной загрузчик wordpress, если же воспользоваться ручной вставкой или клиентом ничего не получится - alignleft и тд автоматом не проставляются.
сентября 3, 2008 в 10:28
Вот спасибо, тоже в некоторых темах сталкивался с этой бедой. А в 2.6 кажется еще появилась рамочка вокруг фотографий и тест из поля Alt автоматом выводится… Не знаете как эту рамку в старые темы включить или вообще отключить нафиг?
сентября 10, 2008 в 20:37
Я решил это проще.
Когда добавляете изображение, припишите к нему align=”left”, например:
[img src='...' align='left']
И текст будет обтекать изображение.
сентября 10, 2008 в 20:48
DimoninG, это каждый раз надо приписывать. А здесь один раз подправил стили и всё само собой обтекается. Я раньше так и делал, как ты предлагаешь, но меня это запарило.
сентября 13, 2008 в 22:16
Не знаю какая у вас версия WP, но на 2.3.3. все само по себе нормально обтекает.
сентября 29, 2008 в 17:08
Несомненно WordPress лучший движок для блога, потому что он содержит кучу полезных функций для меня, вот и ещё одну функцию открыл для себя, спасибо автора!
октября 17, 2008 в 00:00
Большой Благодарисимус!
ноября 8, 2008 в 01:44
А у меня такая проблема: Если картинку выравнить по левому или по праваму краю текст обтекает картинку, но меняется размер картинки. Картинка становится намного шире чем надо. Как решить проблему. В качестве темы использую Adformat, WordPress версии 2.6.3.
Заранее спасибо!!!
ноября 9, 2008 в 00:55
СПАСИБО ТЕБЕ ОГРОМНОЕ, ДРУГ!!!!!!!!!!!!!!!!!!!!!!
Чтоб не подумал что я робот - не написал адрес своего сайта.
Но за этот пост - ОГРОМНОЕ СПАСИБО!!!!!!!!!!!!!!!!!!!!!!!!!
ноября 9, 2008 в 02:03
Он про нас забыл
ноября 29, 2008 в 04:00
Э-э, ребята, а переключится на HTML и сделать там всё ручками (выравнивание, обтекание, отступы) это типа не модно нынче? Или просто слишком сложно?
декабря 4, 2008 в 18:18
Я думаю все дело в display: inline. А все остальное так, мишура.
декабря 11, 2008 в 02:56
Не понял почему данное действо не срабатывает в WordPress 2.7 RC2. Глюк релиза, или криво установился?