Отстраняване на неизправности при обвиване на изображение в текст в публикации в WordPress

Проблемът, за който искам да говоря днес, всъщност не е глобален проблем и е изключително рядък, така че можете да го наречете някакво недоразумение, което потребителите на WordPress срещат по пътя. Това недоразумение обаче може да се превърне и в главоболие за тези, които се надяват, че WordPress ще реши всичко вместо вас, а ако не го направи, значи е лошо или нещо не е наред с него. Такива мисли ме посетиха в момента, когато тъкмо започвах да изучавам WordPress и направих първия си шаблон за него. При подравняване на изображение в публикация отдясно или отляво, нямах обвиване на текст около изображението. Текстът упорито се опитваше да бъде разположен непосредствено след изображението и не се стремеше да го обвие.

По-долу е даден пример за такова поведение на теста и изображението:

Въпреки това, за да зададете обвиване на текста около изображението и да направите публикацията в четима форма, трябва да зададете свойства в стиловете на шаблона на WordPress, които ще принудят текста да обвива изображението. За да направите това, добавете следните редове към файла style.css на вашия шаблон:

Както разбирате, тези редове позволяват на текста да обвива изображението, когато то е подравнено съответно отляво, отдясно и в центъра. Можете да промените малко тези редове и да добавите малък текстов отстъп от изображението, така че да не се „залепва“ към него

Между другото, свойството display:block, добавено към класа за подравняване на изображението в средата, не е случайно. Ако ширината на вашето изображение е по-малка от основната колона със съдържание, тогава текстът ще се опита да тече около него от дясната или лявата страна и това свойство ще изключи това.

---