Убрать тег параграф (p) у изображений в WordPress

Без плагина WordSmall

В одно время я делал заметку о том, как убрать лишние теги p и br в статьях WordPress. Но упустил один момент, который сейчас дополню. Тег параграфа появляется еще в одном неподходящем для него месте. При добавлении картинок в статью, WordPress оборачивает ее тегом p. Это не является проблемой, но может быть просто нежелательным, в зависимости от разных ситуаций.

Для того чтобы избавиться от тега параграфа у изображений WordPress, нужно добавить в файл functions.php следующий код:

// удаляем р у картинок
add_filter( 'the_content', 'replace_parag_in_images', 99 );
function replace_parag_in_images( $content ) {
        $content = preg_replace(
            '/<p>\\s*?(<a rel=\"attachment.*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s',
            '$1',
            $content
        );
 return $content;
}

Есть также и другие решения, учитывая из задачи. Допустим, вы просто хотите убрать лишние отступы, которые создаются параграфом и самой картинкой. Тогда просто в файл style.css пропишите следующее правило:

p > img {
    margin-bottom: 0 !important;
}

Крайний вариант, но не последний. Это как бы не совсем правильное решение, но может оно для кого-то будет подходящим. Это маленький скрипт. Просто подключите его к теме.

<script>
jQuery( document ).ready(function($) {
    $('p > img').unwrap();
});
</script>
Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code