단일 PHP 루프 코드에서 2 div 클래스를 사용하는 방법

Question

WordPress 테마에서 HTML 템플릿의 테마를 동적으로 변환하고 있습니다.

서비스, 슬라이드, 팀 등 여러 가지 맞춤 게시 유형을 만들었습니다. 이제 내 문제는 HTML 템플릿과 같은 서비스를 설계 할 수 없다는 것입니다. 왜냐하면 템플릿은 2 DIV 클래스를 사용하기 때문입니다. 그 중 하나는 "service wow fadeInUp"이고 다른 하나는 "service wow fadeInDown"입니다.

예 : 텍스트
1 = 서비스 fadeInUp 와우
2 = 텍스트 서비스 와우 fadeInDown
텍스트 서비스 3 = fadeInUp 와우
텍스트 서비스 4 = 와우 fadeInDown
* 계속 ........ . *

하지만 index.php에 Services (사용자 정의 게시 유형)를 표시하기 위해 PHP 코드를 사용하는 경우 하나의 DIV 클래스 만 제공됩니다. 내 사용자 정의 게시 유형을 표시하기 위해 단일 PHP 코드에서 2 DIV 클래스를 사용하는 방법을 모르겠습니다. 저는 PHP 언어로 초보자입니다. 누구든지 나를 위해이 문제를 해결하고 어떻게하는지에 대한 설명을 주면 나에게 매우 도움이 될 것입니다. 내 코드는 아래와 같다 :

functions.php 당신이 발견하는 경우

// add services 

    register_post_type ('tservices', array(
     'labels' => array(
      'name' => 'Services', 
      'add_new_item' => 'Add New Service' 
      ), 
     'public' => true, 
     'supports' => array('title', 'editor',) 
    )); 

index.php를

<div class="col-sm-3"> 

        <?php 
         $thservices = new WP_Query(array(
          'post_type' => 'tservices', 
          'order' => 'ASC' 
         )); 
        ?> 
        <?php while($thservices->have_posts()) : $thservices->the_post(); ?> 


         <div class="service wow fadeInUp"> 
          <div class="service-icon"><?php echo get_post_meta($post->ID, 'faicon', true); ?></i></div> 
          <h3><?php the_title(); ?></h3> 
          <?php the_content(); ?>... 

          <a class="big-link-1" href="services.html">Read more</a> 
         </div> 

        <?php endwhile; ?> 


        </div> 

, 당신이 하나의 DIV 클래스를 사용할 수 있습니다. 두 번째 div 클래스를 어떻게 추가 할 수 있습니까? 도와주세요!

Answer 1

위의 @ skobaljic의 의견은 기존의 CSS 클래스를 그대로 유지하고 PHP로 대체하기를 원할 경우 여기에 설명되어 있습니다. 기본적으로

당신이 변수에 교류 클래스 이름을 유지하고, 루프의 각 반복에 대한 변경 : 나는 PHP의 짧은 출력 태그 <?=을 사용하고

<div class="col-sm-3"> 

<?php 
    $thservices = new WP_Query(array(
     'post_type' => 'tservices', 
     'order' => 'ASC' 
    )); 
?> 
<?php while($thservices->have_posts()) : 
    $thservices->the_post(); 
    if($divclass == "fadeInUp") { $divclass = "fadeInDown"; } 
    else { $divclass = "fadeInUp"; } 
    ?> 

    <div class="service wow <?=$divclass?>"> 
     <div class="service-icon"><?php echo get_post_meta($post->ID, 'faicon', true); ?></i></div> 
     <h3><?php the_title(); ?></h3> 
     <?php the_content(); ?>... 

     <a class="big-link-1" href="services.html">Read more</a> 
    </div> 

<?php endwhile; ?> 

</div> 

주 -이 꽤 많이 동일합니다 인쇄 또는 에코,하지만 그것은 내게 깔끔하게 보입니다. 장점에 대한 설명은 여기를 참조하십시오. https://softwareengineering.stackexchange.com/questions/151661/is-it-bad-practice-to-use-tag-in-php 또한 PHP 5.4 이상을 사용하고 있다고 가정합니다. 그렇지 않은 경우 짧은 태그 옵션을 활성화하거나 인쇄 또는 에코를 사용하도록 코드를 변경해야 할 수 있습니다.