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＆amp;将它包含在主题文件的header.php中，如下所示 -

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

确保您为上传图片而创建的字段属于图像类型，其中包含＆＃34;图像对象＆＃34;选项。

如下所示更正您的代码 -

＆＃39; referenzen＆＃39 ;, ＆＃39; posts_per_page＆＃39; =＆GT; 4 //减1 ））; while（have_posts（））：the_post（）; ？＆GT;

 <?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>

在footer.php中添加以下Javascript代码

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

滑块采用ACF现场型＆＃39; Image＆＃39;

1 个答案: