X

Füge rel="lightbox" zu allen Bildern hinzu, die in einen Beitrag eingebettet sind

Schnipsel von IsItWP

Suchen Sie nach einer Möglichkeit, allen in Ihre Beiträge eingebetteten Bildern das Lightbox-Attribut hinzuzufügen? Während es dafür wahrscheinlich ein Plugin gibt, haben wir einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um allen in einen Beitrag eingebetteten Bildern rel="lightbox" hinzuzufügen und auch den Beitragstitel als Titelattribut des Bildanker-Tags in WordPress hinzuzufügen.

Anweisungen:

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

add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}

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: So übertragen Sie WordPress von einem lokalen Server auf eine Live-Site und Die 7 besten WordPress Lead-Generierungs-Plugins.

Kommentare   Hinterlasse eine Antwort

  1. Wenn es einen benutzerdefinierten Link oder einen Link zur Anhangseite gibt, fügt dies stattdessen die Datenattribute zum Bild hinzu, was den Link bricht. Es bricht auch srcset-Bilder.

  2. ???????! ????????!

  3. Wie würde ich den Titelattribut ändern, um stattdessen die Bildunterschrift anzuzeigen? Ich habe versucht, .$post->post_title. durch .$attachment->post_excerpt. zu ersetzen, aber es funktioniert nicht. Irgendeine Idee, was ich falsch mache?

  4. Nun, das macht mich heute glücklich.. danke ))

  5. Hallo zusammen! Es klingt großartig, aber gibt es einen genauen Ort in der function.php, an dem der Code platziert werden soll?

  6. Danke. Perfekt.

  7. Wie verwende ich es für Videos? Die automatische Einbettungsfunktion von WordPress ist großartig, aber ich hasse es, dass ich, wenn ich das Video in Lightbox anzeigen möchte, eine Klasse usw. zum Video hinzufügen muss. Es wäre großartig, wenn es eine Problemumgehung gäbe, um auch rel=lightbox automatisch zu Videos hinzuzufügen 😀

  8. Danke dafür!

  9. Hat wunderbar funktioniert! Danke!

    1. Cool, freut mich zu hören, dass Ihnen der Schnipsel gefällt.

  10. Danke dafür!

    1. Kein Problem, freut mich, dass Ihnen der Snippet gefällt. Folgen Sie wpsnipp oder liken Sie uns für neue Snippets! Viel Spaß.

  11. Wordpress: rel="lightbox" zu allen in einem Beitrag eingebetteten Bildern hinzufügen « Wordpress « Cms « Codes php – Teilen Sie Ihre php-Snippets 14. Oktober 2011 um 5:41 Uhr

    […] WPsnipp [!] Diesen Snippet melden Verarbeitung Ihrer Anfrage, bitte warten Sie… […]

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!