添加类到div包裹自定义帖子类型基于关闭帖子类别

Question

我正在寻找一种方法来注入一个类到一个自定义帖子类型的基础上关闭帖子归因于类别的div。将有三个类别;

电子书（类名CAT1）
信息图表（类名CAT2）
案例研究（类名CAT3）

这里是我的代码，到目前为止，调用自定义帖子类型。目前，该页面将所有帖子显示为最后一个类别 - 案例研究（cat3）。

 <?php $loop = new WP_Query(array('post_type' => 'resources', 'posts_per_page' => -1)); ?> 
     <?php while ($loop->have_posts()) : $loop->the_post(); ?> 

      <?php 
      $post = $wp_query->post; 

      if (in_category('ebook', $post->ID)) { ?> 
       <div <?php body_class('tile scale-anm cat1 all end'); ?>> 
        <section class="small-12 medium-4 large-3 columns end"> 
         <section class="grid"> 
          <figure class="effect-sarah"> 
           <img src="<?php the_field('img'); ?>" alt="img13"/> 
           <figcaption> 
            <h2>Resource</h2> 
            <p class="signika"><?php the_field('desc'); ?></p> 
            <p class="bold"><?php the_field('btnText'); ?></p> 
            <a href="<?php echo esc_url(get_permalink()); ?>" target="_blank"><?php the_field('btnText'); ?></a> 
           </figcaption>   
          </figure> 
         </section> 
        </section> 
       </div> 
      <?php 
      } 


      elseif (in_category('infographic', $post->ID)) { ?> 
       <div <?php body_class('tile scale-anm cat2 all end'); ?>> 
        <section class="small-12 medium-4 large-3 columns end"> 
         <section class="grid"> 
          <figure class="effect-sarah"> 
           <img src="<?php the_field('img'); ?>" alt="img13"/> 
           <figcaption> 
            <h2>Resource</h2> 
            <p class="signika"><?php the_field('desc'); ?></p> 
            <p class="bold"><?php the_field('btnText'); ?></p> 
            <a href="<?php echo esc_url(get_permalink()); ?>" target="_blank"><?php the_field('btnText'); ?></a> 
           </figcaption>   
          </figure> 
         </section> 
        </section> 
       </div> 
      <?php 
      } 


      elseif (in_category('casestudy', $post->ID)) { ?> 
       <div <?php body_class('tile scale-anm cat3 all end'); ?>> 
        <section class="small-12 medium-4 large-3 columns end"> 
         <section class="grid"> 
          <figure class="effect-sarah"> 
           <img src="<?php the_field('img'); ?>" alt="img13"/> 
           <figcaption> 
            <h2>Resource</h2> 
            <p class="signika"><?php the_field('desc'); ?></p> 
            <p class="bold"><?php the_field('btnText'); ?></p> 
            <a href="<?php echo esc_url(get_permalink()); ?>" target="_blank"><?php the_field('btnText'); ?></a> 
           </figcaption>   
          </figure> 
         </section> 
        </section> 
       </div> 
      <?php 
      } 

      ?>   

     <?php endwhile; wp_reset_query(); ?> 

Answer 1

干，不要重复自己。你的循环也有一些问题。

使用WP_Query后，请使用wp_reset_postdata()而不是wp_reset_query()。

摆脱$post = $wp_query->post;，在使用get_the_ID()

然后我们检查类别，并指定类名的变量$catclass，我们插入了body_class()参数循环获得ID，请注意使用"代替'

尝试了这一点：

<?php $loop = new WP_Query(array('post_type' => 'resources', 'posts_per_page' => -1)); ?> 
<?php while ($loop->have_posts()) : $loop->the_post(); ?> 
<?php 
    $catclass = ""; 
    if (in_category('ebook', get_the_ID())) { 
     $catclass="cat1"; 
    } else if(in_category('infographic', get_the_ID())) { 
     $catclass="cat2"; 
    } else if(in_category('casestudy', get_the_ID())){ 
     $catclass="cat3"; 
    } 
?> 

    <div <?php body_class("tile scale-anm {$catclass} all end"); ?>> 
     <section class="small-12 medium-4 large-3 columns end"> 
      <section class="grid"> 
       <figure class="effect-sarah"> 
        <img src="<?php the_field('img'); ?>" alt="img13"/> 
        <figcaption> 
         <h2>Resource</h2> 
         <p class="signika"><?php the_field('desc'); ?></p> 
         <p class="bold"><?php the_field('btnText'); ?></p> 
         <a href="<?php echo esc_url(get_permalink()); ?>" target="_blank"><?php the_field('btnText'); ?></a> 
        </figcaption>   
       </figure> 
      </section> 
     </section> 
    </div> 
<?php 
endwhile; 
wp_reset_postdata(); ?> 

如果你真的感觉活泼，你可以更换if/else陈述与：

switch(true){ 
    case in_category('ebook', get_the_ID()): 
    $catclass = "cat1"; 
    break; 
    case in_category('infographic', get_the_ID()): 
    $catclass = "cat2"; 
    break; 
    case in_category('casestudy', get_the_ID()): 
    $catclass = "cat3"; 
    break; 
    default: 
    $catclass = ""; 
}