带有 ACF 字段类型“图像”的滑块

Question

对于投资组合页面，我为每个引用创建了一个自定义帖子类型，称为“referenzen”。由于每个参考文献需要多个图像（以不同方式显示），因此我创建了一些自定义帖子类型。 现在，在首页上，我想在滑块中显示最新的引用（这种类型，例如 4：http://www.wpcue.com/wordpress-plugins/advanced-post-slider/template-one/）。

我尝试使用一些插件，但那里只是为常规帖子拇指创建的。

目前，我有以下代码来显示最新的 3 个引用。

<section class="entry-content cf" itemprop="articleBody">
 <?php query_posts( array (
      'post_type' => 'referenzen',
      'posts_per_page' => 4 // minus 1
 )); while ( have_posts() ) : the_post(); ?>

 <?php 
      $image = get_field('bg');
      if( !empty($image) ): ?>
           <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /></a>
      <?php endif; ?>
      <?php endwhile; wp_reset_query(); ?> 

现在我需要把它带入一些滑块/旋转木马……

非常感谢任何帮助

Answer 1

如果您需要以滑块/轮播的形式显示帖子，请按照以下步骤操作
1. 请下载 bxslider.js 并将其包含在您的主题文件的 header.php 中，如下所示 -

<script src="your-theme-directory-path/js/jquery.bxslider.min.js"></script>

1. 确保您创建的用于上传图片的字段是带有“图片对象”选项的图片类型。
   

2. 更正您的代码如下 -
   

   '参考'， 'posts_per_page' => 4 // 减 1 ));而（有_posts（））：the_post（）； ?>

    <?php 
         $image = get_field('bg');
         if( !empty($image) ): ?>
          <li>    <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /></a></li>
         <?php endif; ?>
         <?php endwhile; wp_reset_query(); ?>  
   
   </ul>
   

3. 在footer.php中添加下面的Javascript代码

       jQuery('.slider2').bxSlider({
           slideWidth: 350,
           minSlides: 1,
           maxSlides: 1,
           slideMargin: 5
         });
       </script>