首页 文章

Wordpress的灯箱库

提问于
浏览 次
0

我正在尝试使用这个灯箱项目在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>

这是我的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' );
php html wordpress lightbox

2 回答

  • 0

    在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' );
    回复于
  • 0

    这是我的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' );

?>
    回复于

相关问题