Lightbox无法在Wordpress网站上运行

时间:2013-03-24 21:37:14

标签: wordpress plugins lightbox

我无法获得Lightbox Plus Colorbox插件来处理我正在创建的wordpress主题。我按照步骤安装插件 -

  1. 将lightbox-plus.zip解压缩到您的wp-content / plugins目录。
  2. 在插件下的管理面板中,激活Lightbox Plus ColorBox。
  3. 在Appearance下的管理面板中,点击Lightbox Plus ColorBox以配置您的口味。
  4. 现在应该完全设置并且功能正常
  5. 然而,它不起作用。当我点击帖子中的图片时,它会将查看者带到新页面。我完全难过了。我的javascript很弱,我很乐意帮助我完成这项工作!

    <div style="background-color:#383838; padding:15px 0px; width:auto;">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
        <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
    
            <div class="entry">
            <h2 class="background_header"><?php the_title(); ?></h2>
    
            <?php the_content(); ?>
            </div>          
        </div>
    
    <?php endwhile; endif; ?>
    

1 个答案:

答案 0 :(得分:1)

可能是因为你的img链接没有rel =“lightbox [id | name]”。

在您的主题中,将其添加到functions.php文件中。

添加ID并将它们分开

add_filter('the_content', 'add_lightbox_rel');
function add_lightbox_rel( $content ) {
       global $post;
       $get_img ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $img_replace = '<a$1href=$2$3.$4$5 rel="lightbox['.$post->ID.']" title="'.$post->post_title.'"$6>';
       $content = preg_replace($get_img, $img_replace, $content);
       return $content;
}