0

我在我的 Wordpress 网站上使用 Fancybox 脚本来显示我的作品集。这是它的设置方式:

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

所有这些都很好,但我想实现一个上一个和下一个箭头,让他们在显示该花式框时在作品之间导航。

我想我可以在循环中使用 Next 和 previous 的内置 WP 函数,如下所示:

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

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

无论如何,这是我在回调中找到的链接, 但我的 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; ?>

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

4

1 回答 1

0

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

于 2013-08-07T11:28:45.457 回答