Question

我在我的网站上使用colorbox附加了一个图库。现在我需要将它转换为wordpress。我创建了一个名为“gallery”的自定义帖子类型，我添加了特色图片支持。

对于图库的正常html代码，代码为：

<li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-creative" >
  <a class="colorbox" href="images/full-gallery-image-2.jpg" data-group="gallery-creative">
   <div class="jaguar-project-box">
    <img src="images/gallery-image-2.jpg" class="img-responsive" alt="gallery" />
     <div class="project-overlay">
      <h5>Creative</h5>
      <hr />
      <h4>BREAKFAST</h4>
     </div>
    </div>
   </a></li>

我尝试使用此代码为我的cpt附加精选图片：

<?php 
 if ( has_post_thumbnail() ) {
 //Get The Thumbnail URL
 $thumb_img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),array(200,200), false, '');
 echo "<a class='colorbox' href='".$thumb_img[0]."' data-group='gallery-graphic'>";
 }

 ?>
 <div class="jaguar-project-box">
   <?php 
     if ( has_post_thumbnail() ) {
     //Get The Thumbnail URL
      $full_img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID));
      echo '<img src="'.$full_img[0].'" class="img-responsive" alt="gallery" />'
     }
    ?>
     <div class="project-overlay">
       <hr />
       <h4><?php the_title(); ?></h4>
     </div>
   </div>
  </a>
 </li>
 <?php endwhile; ?>

当我输入上面的代码时，我的页面输出空白页面。我在这做错了什么？

P.S：我不想在这个网站上使用插件。

Answer 1

最后，我得到了答案。我正在使用两个if语句。毕竟，我应该将图像添加到Gallery Item中，所以为什么要使用if语句。所以这就是我的最终代码，它完美无缺：

<?php
 $gall_ary = array( 'post_type' => 'gallery', 'posts_per_page' => 10 );
 $galloop = new WP_Query( $gall_ary );
 while ( $galloop->have_posts() ) : $galloop->the_post();
?>
 <li class="col-lg-2 col-md-2 col-sm-2  gallery gallery-creative" >
  <?php 
  $gal_pic=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID));
  $gal_thumb=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(200,200), false, '');

  ?>
  <a class="colorbox" href="<?php echo $gal_pic[0]; ?>">
   <div class="jaguar-project-box">
    <img src="<?php echo $gal_thumb[0]; ?>" class="img-responsive" alt="gallery" />
     <div class="project-overlay">
      <h5><?php the_title(); ?></h5>
       <hr />
      </div>
     </div>
  </a>
  </li>
  <?php endwhile; ?>

使用colorbox合并Wordpress自定义帖子类型

1 个答案: