Code voorbeeld

Paragraaf elementen om afbeeldingen weghalen in WordPress

Leestijd: 2 minuten (335) words
profile image

Rick de Jong

Strategie

August 24, 2012 07:05

Paragraaf elementen om afbeeldingen weghalen in WordPress

Een handige code snippet

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.

Praktijkvoorbeeld

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