Dodanie efektu lightbox do natywnej galerii WordPress

Jeśli nie chcemy stosować dodatkowego plugina z efektem lightbox, który doda swój skrypt na każdej stronie możemy zastosować rozwiązanie pozwalające wykorzystać skrypt lightbox i dodać tylko do wybranych stron.

ja korzystam z efektu lightbox2 od lokesh – do pobrania tutaj.

W footer.php zaznaczam by plik. js pobierał się tylko do wybranej strony poprzez kod:

<?php if ( is_page(3901) ) { ?>
  <!-- //gallery -->
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/js/lightbox.css"/>
  <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/lightbox.js"></script>
<?php } ?>

Kod który pozwala dodać do konkretnej strony do treści odpowiedni atrybut:

add_filter('wp_get_attachment_link', 'nws_add_gallery_attr');
function nws_add_gallery_attr($link) {
  if ( is_page(3901) ) {
    global $post;
    return str_replace('<a href', '<a data-lightbox="lightboxgallery" href', $link);
  }
}

Ciekawym rozwiązaniem może tez być modyfikacja z użyciem filtra the_content, jak w tym prostym przykładzie gdzie tylko dodajemy tekst po głównej treści

function nws_added_page_content ( $content ) {
    if ( is_page(39011) ) {
        return $content . '<p>Your content added to  pages (not posts).</p>';
    }

    return $content;
}
add_filter( 'the_content', 'nws_added_page_content');

Jeszcze te rozwiązania mogą być ciekawe ale nie miałam okazji ich przetestować.
Add data attribute to a gallery link
Adding a lightbox to WordPress

Wordpress

Hope this helps and happy coding :)

Zobacz jeszcze

VSC Visual Studio Code

VSC lub VS Code to nie tylko edytor kodu czy tekstu, ale również masa innych dodatkowych udogodnień, takich jak: kolorowanie składni usprawnienie formatowania podpowiedzi kodu – po...

skróty klawiaturowe w figmie

sift + G - włącza/ wyłącza linię sitaki shift + C - ukrywa / pokazuje...