Snippet: Paragraaf elementen om afbeeldingen weghalen in WordPress

WordPress zet standaard paragraaf en linebreak elementen in je tekst wanneer je deze opslaat. Nu zijn er legio plugins te vinden om dit tegen te gaan (denk aan PS Disable Auto Formatting), maar het is natuurlijk handiger om dit zelf in beheer te houden en in je functions.php te verwerken. Onderstaande snippet haalt niet alle paragraaf en linebreak elementen weg, maar enkel die om een afbeelding. Dit helpt je uiteindelijk enorm bij het opmaken en beheren van je CSS Stylesheet.

Voorbeeld

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');

 

Vind je dit bericht interessant?

Vind je dit bericht interessant? Dan zou ik het erg waarderen als je een like of andere "social-share" achter laat ;)