wordpress - 灯箱在 Wordpress 网站上不起作用

Question

我无法让Lightbox Plus Colorbox插件在我正在创建的 wordpress 主题上工作。我按照步骤安装插件 -

1. 将 lightbox-plus.zip 解压缩到您的 wp-content/plugins 目录。
   
2. 在插件下的管理面板中激活 Lightbox Plus ColorBox。
3. 在外观下的管理面板中，单击 Lightbox Plus ColorBox 以根据您的喜好进行配置。
4. 它现在应该已完全设置并正常运行

但是，它不起作用。当我点击帖子中的图片时，它会将查看者带到一个新页面。我完全被难住了。我的 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; ?>

Answer 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;
}