Question

我正在使用Lightbox Plus Colorbox Worpress插件尝试在lighbox而不是在自己的页面上显示自定义帖子类型。

我使用了以下代码，其中lbp-inline-href-1是将内容放入灯箱的插件功能：

<?php
//WordPress loop for custom post type
$my_query = new WP_Query('post_type=package&package-category=Kenya&posts_per_page=-1');

while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a class="lbp-inline-link-1" href="#"><?php the_title(); ?></a>
<div style="display:none">

<div id="lbp-inline-href-1" style="padding: 10px;background: #fff">

               <h2><?php the_title(); ?></h2>
               <div class="content">
               <?php the_content(); ?>
               </div>

</div>
</div>  


<?php endwhile;  wp_reset_query(); ?>

代码部分有效，内容出现在灯箱中，但所有帖子标题链接到相同的第一个帖子，即。当我点击任何帖子的标题时，全部打开灯箱并显示相同的内容 - 他们都显示了第一篇帖子内容。

请帮忙

Answer 1

因为您没有为每个帖子使用唯一ID。您可以使用以下内容;

<?php
//WordPress loop for custom post type
$my_query = new WP_Query('post_type=package&package-category=Kenya&posts_per_page=-1');

while ($my_query->have_posts()) : $my_query->the_post(); ?>
<a class="lbp-inline-link-1" href="#post_<?php the_ID; ?>"><?php the_title(); ?></a>
<div style="display:none">

<div id="post_<?php the_ID; ?>" style="padding: 10px;background: #fff">

               <h2><?php the_title(); ?></h2>
               <div class="content">
               <?php the_content(); ?>
               </div>

</div>
</div>  


<?php endwhile;  wp_reset_query(); ?>

我已使用href和div中当前帖子的ID来打开相关帖子。例如;

<a class="lbp-inline-link-1" href="#post_23"><?php the_title(); ?></a>
<div style="display:none">

<div id="post_23" style="padding: 10px;background: #fff">

               <h2><?php the_title(); ?></h2>
               <div class="content">
               <?php the_content(); ?>
               </div>

</div>
</div>

如您所见，post_23匹配

在灯箱中显示自定义帖子类型

1 个答案: