Paragraaf elementen om afbeeldingen weghalen in WordPress

Als voorbeeld kun je je voorstellen dat je de volgende tekst invoert in je editor in WordPress:

Dit is een regel met tekst
<img src="tussendoor.jpg" alt="" />
Dit is een regel na de afbeelding

Zodra je deze inhoud opslaat en de bron bekijkt van de pagina, komt dit er als volgt uit te zien:

<p>Dit is een regel met tekst</p>
<p><img src="tussendoor.jpg" alt="" /></p>
<p>Dit is een regel na de afbeelding</p>

Wat opvalt zijn in dit geval de paragraaf elementen om de tekst en de afbeelding heen, niet handig bij het opmaken van je pagina & website. We lossen dit op door middel van de volgende code welke je zoals gebruikelijk kunt plakken in je functions.php

Code

function filter_ptags_on_images($content){
  return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
}
add_filter('the_content', 'filter_ptags_on_images');