WordPress image P tag removal

Screenshot of WordPress Stackexchange

This code was originally posted on WordPress Stack Exchange, in response to a question which we were also working on for a client project. We used the P tag removal so that images would rescale correctly in a fluid theme which we developed with Andy Taylor’s CSS Grid. The problem was that images were being wrapped in paragraph tags by WordPress’s ‘the_content’ filter and this code strips them off after they’ve been added. It’s a bit backwards, but does allow us to solve the problem without hacking the WP core.

WordPress Image P Tag Removal Mini Plugin

Original Gist - comment, feedback, download, etc.
Click on “View Raw” below for the PHP, ready for copy and paste.

<?php /* Plugin Name: Image P tag remover Description: Plugin to remove p tags from around images and iframes in content outputting, after WP autop filter has added them. (oh the irony) Version: 1.1 Author: Fublo Ltd Author URI: http://blog.fublo.net/2011/05/wordpress-p-tag-removal/ */ function filter_ptags_on_images($content) { // do a regular expression replace... // find all p tags that have just // <p>maybe some white space<img all stuff up to /> then maybe whitespace </p> // replace it with just the image tag... $content = preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content); // now pass that through and do the same for iframes... return preg_replace('/<p>\s*(<iframe .*>*.<\/iframe>)\s*<\/p>/iU', '\1', $content); } // we want it to be run after the autop stuff... 10 is default. add_filter('the_content', 'filter_ptags_on_images');

Fublo blog

Fublo is a web development company based in London, England. We are code specialists and you're reading news about our business and programming learnings.

WordPress Image P Tag Removal

Comments