Усунення проблеми обтікання зображень текстом у записах WordPress
Проблема, про яку я сьогодні хочу розповісти, по суті, не є проблемою глобальною і зустрічається вкрай рідко, тому назвати її можна деяким непорозумінням, що зустрічають на шляху у користувачів WordPress. Однак і це непорозуміння може стати головним болем для тих, хто сподівається на те, що WordPress все вирішить за вас, а якщо не вирішить, то він поганий або в ньому щось не так. Такі думки відвідали мене в той момент, коли я тільки починав вивчати WordPress і зробив для нього свій перший шаблон. При вирівнюванні зображення в записі праворуч або лівим краєм у мене не відбувалося обтікання зображення текстом. Текст наполегливо намагався розташовувався відразу після зображення і обтікати його не прагнув.
Нижче наводжу приклад такої поведінки тесту та зображення:
Щоб, все-таки, задати обтікання зображення текстом і привести запис в вигляд, що легко читається, потрібно в стилях шаблону WordPress задати властивості, які змусять текст обтікати зображення. Для цього внесіть наведені нижче рядки у файл style.css вашого шаблону:
Як ви зрозуміли, ці рядки дозволяють обтікати зображення текстом при його вирівнюванні по лівому краю, правому краю і центром відповідно. Можна трохи модифікувати ці рядки та додати невеликий відступ тексту від зображення, щоб він до нього не "прилипав"
До речі, властивість display:block додано до класу вирівнювання зображення посередині не випадково. Якщо ваше зображення по ширині буде менше колонки основного контенту, то текст намагатиметься обтікати його з правої чи лівої сторони, а ця властивість дозволить виключити це.