X

Bilder im_content automatisch mit benutzerdefiniertem HTML umschließen

Schnipsel von IsItWP

Möchten Sie Bilder in the_content automatisch mit benutzerdefiniertem HTML umschließen? Bilder teilen den Inhalt immer in Absätze auf. Sie können sie jedoch einfach mit Ihrem Inhalt umschließen, indem Sie das benutzerdefinierte HTML verwenden.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

function filter_images($content){
    return preg_replace('/<img (.*) \/>\s*/iU', '<span class="className"><b><img \1 /></b></span>', $content);
}
add_filter('the_content', 'filter_images');

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 27 beste WordPress-Business-Themes für Ihre Website und 15 beste Content-Marketing-Tools und Plugins für WordPress.

Kommentare   Hinterlasse eine Antwort

  1. Kleines Problem, wenn Sie eine Bildunterschrift verwenden, landet der Text der Bildunterschrift außerhalb des Divs. Ich würde auch das Figure-Element verwenden, das verwendet WP, wenn ein Bild eine Bildunterschrift hat. Helfen Sie bitte!

  2. Dänischer Raza 21. Januar 2014 um 08:26

    Großartig!

  3. Ich liebe dich Mann! Großartiges Skript

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!