Непослушни картинки в WordPress блог

След като смених темата на Блога за туризъм и разходки и поразрових някои стари статии да видя дали всичко е наред се оказа, че не е съвсем наред.

Забелязах, че картинките които имат Caption, т.е. заглавие под тях не се показват в центъра, а останалите които нямат заглавие са в центъра на статията. Много кофти и че каквото и да правех в кода на статията нищо не изгледаше да решава проблема

Ето как стандартно се появява една картинка в HTML кода, която сте и задали да е центрирана и има Caption.

caption id=“attachment_2128″ align=“aligncenter“ width=“331″ caption=“Хотнишки водопад“]<a href=“http://razhodka.com/wp-content/uploads/2009/09/image002.jpg“><img class=“aligncenter size-full wp-image-2128″ title=“Хотнишки водопад“ src=“http://razhodka.com/wp-content/uploads/2009/09/image002.jpg&#8220; alt=“Хотнишки водопад“ width=“331″ height=“441″ /></a>[/caption

Mного хубаво изглежда всичко но не работи 🙂

Първо открих, че след Wordpres 2.5. за да работят центриранията и изобщо управлението на положението на картинката спрямо текста, т.нар alignment трябва да се добавят в css-а на темата някои неща:

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;
}

Много хубаво но моя css ги имаше тези неща и въпреки това не бачкаше. Какво правим? Рових още малко и забеляза, че използваме aligncenter като class в Img тага. Поразрових още малко и открих, че трябва да се добави и следното нещо в css-а и се оправя проблема:

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

Е те тва е, което исках да споделя.

Може би вече сте наясно с тези неща, може и да не съм намерил най-правилния начин да реша проблема, така че казвайте 🙂

Реклами

Каталог за хотели, вили, квартири и т.н. на wordpress

Отдавна исках като добавка към блога за туризъм, да има и модул представляващ каталог с места за нощуване. До момента това го бях реализирал с помоща на един плъгин за кратки обяви за wordpress, но резултата не ме удовлетворяваше много много и дълго мислих какво да направя.

Прочетете още

6+ от най-полезните WordPress плъгини

От съвсем скоро ползвам wordpress версията за собствен хостинг на популярната блог платформа. За разлика от wordpress.com там повечето неща се доизкусуряват, защото при първоначалното инсталиране не разполагате с почти никакви интересни тулове или приставки, които са ви нужни за да създадете хубав блог.

Четох доста и доста тествах, та в крайна сметка за новия ми блог за туризъм и разходки използвам около 10-тина плъгина, които разучих и които считам, че са полезни за почти всеки блог на wordpress. Реших да ги споделя тук с няколко думи за всеки, за да е полезно и за вас. Е няма да споделя всичките, защото не всички са толкова подходящи за масова употреба, но поне най-важните.

Akismet – Плъгин за борба със спама в коментари и trackback-а. В днешно време спама е навсякъде, така че ме съмнява да пропусне и вашия блог, затова горещо препоръчвам инсталирането на този плъгин.

Прочетете още