Question

我在Wordpress网站上使用Fancybox脚本来显示我的投资组合。以下是设置方法：

用户可以访问我的档案组合页面，在那里他们可以查看我的所有作品。当他们点击我们的某个投资组合项目时，它不会将您带到单个帖子页面，而只是在他们点击的项目的fancybox中显示单个帖子信息。

所有这些都很有效，但我想实现一个上一个和下一个箭头，让他们在显示fancybox的同时在作品之间导航。

我认为我可以在循环中使用Next和之前的内置WP功能，如下所示：

<?php previous_post(); ?>    <?php next_post(); ?>

但这不起作用，我猜是因为单帖页面实际上从未显示过。

无论如何here is a link I found on the callbacks for it但我的JS技能几乎没有。

最后这是我的存档模板以及我如何使用它。

<?php if ( have_posts() ) : ?>

              <?php $counter = 1 ?>

          <!-- START LOOP -->
          <?php while ( have_posts() ) : the_post(); ?>

                      <div class="three columns portfolio-piece">
                          <a href="#more-info<?php echo $counter ?>" class="fancybox">

                              <?php 
                                  if ( has_post_thumbnail() ) {
                                      the_post_thumbnail( 'custom-archive-size' );
                                  } else {
                                      echo 'No Preview Available'; 
                                  } 
                              ?>

                          <div class="cover boxcaption"><?php echo the_title(); ?></div>
                          </a>
                      </div>

                      <div id="more-info<?php echo $counter ?>" style="display:none;width:auto;">
                          <div class="twelve columns">

                              <div class="four columns portfolio-image">
                           <?php 
                                  if ( has_post_thumbnail() ) {
                                      the_post_thumbnail( 'medium' );
                                  } else {
                                      echo 'No Preview Available'; 
                                  } 
                              ?>
                              </div>

                              <div class="eight columns portfolio-listing" style="max-width:720px !important;">

                                <h3 class="portfolio-heading" ><?php the_title() ?></h3>
                                <p><?php the_content() ?></p>

                                  <strong>Website: </strong>
                      <a href="<?php echo esc_html( get_post_meta( get_the_ID(), 'portfolio_website', true ) ); ?>" target="_blank"><?php echo esc_html( get_post_meta( get_the_ID(), 'portfolio_website', true ) ); ?></a></strong>
                              </div>

                          </div>

                     </div><!-- more info -->

                      <?php if ($counter % 4 == 0){echo '</div><div class="twelve columns" style="margin:15px 0;">';} ?>

                     <?php $counter++ ?>

          <?php endwhile; ?>

这里的任何帮助将不胜感激:)谢谢

Answer 1

原来问题出现在我的样式表中，由于我的选择框出现了一些问题，但是我的选择框出现了一些问题，但是我在精美的盒子包装上有一个z-index，但删除了实际显示的箭头。

Fancybox（在Wordpress上）下一个和上一个按钮

1 个答案: