Lesefortschritt:

    Beitragsbilder in der Divi-Lightbox öffnen

    11. Februar 2021 | Divi-Theme, functions.php

    Trick # 42 | Dieser Beitrag beinhaltet 482 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

    Beitragsbilder erscheinen im Divi-Theme am Seitenkopf und lassen sich von Haus aus nicht per Klick vergrössert anzeigen. Vielleicht möchten Sie dies aber gerne. Dafür haben wir hier einen Trick parat.

    Fügen Sie folgenden Code in die functions.php Ihrer Website ein. Sie finden die Datei unter Design/Theme-Editor:

    add_action('wp_footer', 'open_featured_image_in_lightbox');
    add_filter('et_pb_index_blog_image_width', 'set_featured_image_max_width');
    add_filter('et_pb_index_blog_image_height', 'set_featured_image_max_height');if (!function_exists('open_featured_image_in_lightbox')) {
    function open_featured_image_in_lightbox() {
    ?>
    <script>
    jQuery(function($){
    $featured_img = $('body.single article.post .et_post_meta_wrapper > img');
    $featured_img.wrap('<a class="et_pb_lightbox_image"></a>');
    $featured_img.each(function(){
    $(this).parent().attr('href', $(this).attr('src'));
    });
    });
    </script>
    <?php
    }
    }if (!function_exists('set_featured_image_max_width')) {
    function set_featured_image_max_width($width) {
    return max($width, 9999);
    }
    }if (!function_exists('set_featured_image_max_height')) {
    function set_featured_image_max_height($height) {
    return max($height, 9999);
    }
    }

    Damit werden Beitragsbilder auf Postseiten verlinkt und beim Anklicken in voller Pracht in der Lightbox angezeigt.

    Werbung

    Styling-Ideen für das Divi-Blurb-Modul

    Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute eine Serie Stylingideen zum Informationstext-Modul ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This
    Überblick über den Datenschutz

    Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.