Absatz-Tags um Bilder entfernen

Avatar of Chris Coyier
Chris Coyier am

Falls Sie <img>-Tags in Ihren Inhalt einfügen möchten, aber nicht möchten, dass sie von WordPress automatisch mit Absätzen versehen werden.

Beispiel für das Problem

blah blah blah

<img src="monkey.jpg">

blah blah blah

wird zu

<p>blah blah blah</p>

<p><img src="monkey.jpg"></p>

<p>blah blah blah</p>

Wir können es mit diesem Code beheben

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

Seien Sie sehr vorsichtig, wenn Sie den obigen Code kopieren und einfügen. Ich musste ein Nullbreiten-Leerzeichen nach dem öffnenden ‚ in der preg_replace-Funktion einfügen, um ein Rendering-Problem zu lösen. Beim Kopieren und Einfügen müssen Sie das Nullbreiten-Leerzeichen auf jeden Fall entfernen.

Für Ihre `functions.php`-Datei oder siehe Referenz-URL für ein Plugin. Mit dieser Einstellung erhalten wir

<p>blah blah blah</p>

<img src="monkey.jpg">

<p>blah blah blah</p>

… was bedeutet, dass das Floaten von Bildern viel einfacher wird.