Библиотека лайтбоксов с Wordpress

Question

Я пытаюсь создать галерею изображений в Wordpress с помощью этого проекта лайтбокса http://lokeshdhakar.com/projects/lightbox2/ Я следовал руководству, чтобы добавить его, но он не работает, и консоль не показывает никаких ошибок.

<div class="hvrbox product2iul">
    <a href="<?php echo get_template_directory_uri() ?>/images/granite.png" data-lightbox="image01" data-title="Granite>
      <img src="<?php echo get_template_directory_uri() ?>/images/granite.png" alt="Nature">
    </a>
    <div class="hvrbox-layer_top">
      <div class="hvrbox-text">Granite</div>
    </div>
  </div>

Это мои функции. Все остальные вещи там работают, кроме маяка

<?php
       add_filter('show_admin_bar', '__return_false');

       function my_scripts_method() {
       wp_enqueue_script(
      'script-name1',
       get_stylesheet_directory_uri() . '/js/custom.js'
   );
       wp_enqueue_script(
       '  script-name2',
       get_stylesheet_directory_uri() . '/js/slick.js'
     );
       wp_enqueue_style(
       'script-name3',
       get_stylesheet_directory_uri() . '/css/slick.css'
    );
       wp_enqueue_style(
       'script-name4',
       get_stylesheet_directory_uri() . '/css/slick-theme.css'
    );
       wp_enqueue_script(
      'script-name5',
       get_stylesheet_directory_uri() . '/js/jquery.visible.min.js'
    );
      wp_enqueue_style(
     'script-name6',
      get_stylesheet_directory_uri() . '/css/lightbox.css'
    );
      wp_enqueue_script(
     'script-name7',
      get_stylesheet_directory_uri() . '/js/lightbox.js'
    );
 }
    add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

Answer 1

Это моя функция

Answer 2

Включите в файл functions.php следующее.Не зная ваших точных настроек, это может потребовать некоторой корректировки.Более подробное объяснение см. В Руководстве разработчика Wordpress - включая CSS и JavaScript.

functions.php

function custom_enqueue_scripts() {

    wp_enqueue_script( 'lightbox-js', get_template_directory_uri() . '/js/lightbox.js', array('jquery'));

    wp_enqueue_style( 'lightbox-css', get_template_directory_uri() . '/css/lightbox.css');

}

add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts' );