Как выровнять изображения по центру в WordPress

Доброго времени суток, уважаемые. Я начинаю новую рубрику, в которой буду публиковать мелкие хаки и секреты WordPress и сегодня я поведаю вам о том, как справится с проблемой выравнивания изображений в записях.

Проблема заключается в том, что как бы вы не пытались отредактировать запись — в визуальном редакторе, в исходном коде, с помощью сторонних редакторов, картинки в тексте выравниваются по левому краю.

Я сам столкнулся с этой проблемой и после того, как перепробовал все программные методы и решения, понял, что дело не в движке и редакторе, а в шаблоне.

Недолго думая ввел в Google необходимый запрос и нашел на форуме wordpress.org решение.

Дело в том, что автор моего шаблона или забыл, или умышленно отказался добавить нужные строчки в css-файл.

Итак, чтобы изображения в записи выравнивались по центру, нужно открыть в текстовом редакторе следующий файл: корень_сайта/wp-content/themes/ваша_тема/style.css и добавить в него следующие строки:


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

Вот, собственно, и всё. После этого изображения у меня на блоге начали принимать «правильную сторону». Надеюсь и вам поможет 🙂

  • Zemlyanka

    Долго не мог понять в чём причина- стили те же, а оказалось, что надо было лишь убрать «div» перед .aligncenter!!!
    Благодарю за пост!

    • Всегда пожалуйста! Рад что смог Вам помочь 🙂