Question

我正在尝试使用此灯箱项目http://lokeshdhakar.com/projects/lightbox2/在Wordpress中创建一个图片库我按照指南添加它但它不起作用，并且控制台没有显示任何错误。

<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>

这是我的functions.php除了lighbox

之外的所有其他工作

<?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

在functions.php文件中包含以下内容。如果不知道您的确切设置，可能需要进行一些调整有关更具体的说明，请参阅Wordpress Developer Handbook - Including 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' );

Answer 2

这是我的functions.php除了lighbox

之外的所有其他工作

 <?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' );

?>

Wordpress的灯箱库

2 个答案: