自定義帖子類型循環

Question

我需要關於此腳本的一些指導。

我工作的一個自定義後類型的循環，但我卡在如何將這些靜態的HTML轉換爲PHP循環

<?php 
    $loop = new WP_Query(array('post_type' => 'project', 'posts_per_page' => -1)); 
    $count =0; 
?> 
<!--Text Sliders--> 
<div class="ps-contentwrapper"> 
    <?php if ($loop) : 

     while ($loop->have_posts()) : $loop->the_post(); ?> 
<?php 
$terms = get_the_terms($post->ID, 'tagproject'); 

if ($terms && ! is_wp_error($terms)) : 
    $links = array(); 

    foreach ($terms as $term) 
    { 
     $links[] = $term->name; 
    } 
    $links = str_replace(' ', '-', $links); 
    $tax = join(" ", $links);  
else : 
    $tax = ''; 
endif; 
?> 
    <?php $infos = get_post_custom_values('_url'); ?> 
    <div class="ps-content"> 
     <h2><?php the_title(); ?></h2> 

     <p><?php echo get_the_excerpt(); ?></p> 
    </div><!--end of ps-content--> 


</div><!-- /ps-contentwrapper --> 

<!--Image Sliders--> 
<div class="ps-slidewrapper"> 

    <div class="ps-slides"> 
     <?php 
      $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
     ?> 
     <div style="background-image: url(<?php echo $url; ?>);"></div> 
    </div> 
     <?php endwhile; else: ?> 
    <?php endif; ?> 
    <nav> 
     <a href="#" class="ps-prev" style="background-image: url(images/home/1.jpg);"></a> 
     <a href="#" class="ps-next" style="background-image: url(images/home/2.jpg);"></a> 
    </nav> 

這裏是tutorial我嘗試轉換。 Demo。

我想弄清楚的是如何動態地排列所有東西。如果有人能指出我正確的方向，我很欣賞它。

我的version它與我粘貼上面的當前代碼。

編輯：這是我的代碼現在經過一些研究。現在我試圖弄清楚如何將特色圖片與適當的帖子相匹配，因爲它在此腳本中循環。響應url的div標籤需要循環多次循環，並適當循環。

<div class="ps-slides"> 
        <?php 
         $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
        ?> 
        <div style="background-image: url(<?php echo $url; ?>);"></div> 
       </div><!--end of ps-slides--> 

全部下面的代碼：

<div class="ps-contentwrapper"> 
       <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
        <div class="ps-content"> 
         <h2><?php the_title(); ?></h2>      
         <p><?php echo get_the_excerpt(); ?></p>    
        </div> 
         <?php endwhile; ?> 
        <?php endif; ?>    
      </div><!--end of contentwrapper--> 
      <!--Image Sliders--> 
      <div class="ps-slidewrapper"> 
       <div class="ps-slides"> 
        <?php 
         $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); 
        ?> 
        <div style="background-image: url(<?php echo $url; ?>);"></div> 
       </div><!--end of ps-slides--> 
       <nav> 
        <?php 
         $prev_post = get_previous_post(); 
         $id = $prev_post->ID ; 
         $permalink = get_permalink($id); 
         $prev_url = wp_get_attachment_url(get_post_thumbnail_id($id)); 
         ?> 
          <a href="#" class="ps-prev" style="background-image: url(<?php echo $prev_url; ?>);"></a> 
         <?php 
          $next_post = get_next_post(); 
          $nid = $next_post->ID ; 
          $permalink = get_permalink($nid); 
          $next_url = wp_get_attachment_url(get_post_thumbnail_id($nid)); 
         ?> 
         <a href="#" class="ps-next" style="background-image: url(<?php echo $next_url; ?>);"></a> 
       </nav> 
      </div> 

Answer 1

您上一頁下一頁後的圖像URL使用代碼：

<?php 
    $prev_post = get_previous_post(); 
    $id = $prev_post->ID ; 
    $permalink = get_permalink($id); 
    $prev_url = wp_get_attachment_url(get_post_thumbnail_id($id)); 
?> 
<a href="#" class="ps-prev" style="background-image: url(<?php echo $prev_url; ?>);"></a> 

<?php 
    $next_post = get_next_post(); 
    $nid = $next_post->ID ; 
    $permalink = get_permalink($nid); 
    $next_url = wp_get_attachment_url(get_post_thumbnail_id($nid)); 
?> 
<a href="#" class="ps-next" style="background-image: url(<?php echo $next_url; ?>);"></a>