Wordpress 관계 루프에 <head>

나는 약 10 항목에 대한 echos 페이지가 있습니다. 나는 그들 모두가 호버에 대한 다른 배경 이미지를 갖기를 바랍니다.Wordpress 관계 루프에 <head>

배경 이미지를 적용 할 수 있도록 내 <head> 태그에 루프가 있어야한다고 생각합니다.

<?php 
    // get background images for the services page 
    $post = get_field('related_services'); 
     if($posts): ?> 

      <style> 

       <?php foreach($posts as $post): ?> 
        <?php setup_postdata($post); ?> 

         .sector-box[style]::after { 
          background-image: url("<?php echo get_template_directory_uri(); ?>/images/creative-bg-hover.jpg"); 
          color:#<?php the_field('colour'); ?>; 
         } 

       <?php endforeach; ?> 

      </style> 

     <?php wp_reset_postdata(); ?> 
    <?php endif; ?>

나는 그것이 각각의 스타일을 에코 얻을 수 없습니다 ..

나는 또한 각 상자에 ID를 적용해야합니다 : 여기

내 루프? 그래서 배경 이미지를 적용 할 상자를 알고 있습니까? 다음 사용

<?php 
      $posts = get_field('related_services'); 
      if($posts): ?> 

       <div class="container"> 

        <?php foreach($posts as $post): ?> 
        <?php setup_postdata($post); ?> 

         <div class="sector-box reveal" style="background-color:<?php the_field('colour'); ?>;"> 
          <div class="sector-title"> 
           <a href="<?php the_permalink(); ?>"><?php the_title(''); ?></a> 
          </div> 
         </div> 
         <!--Close Single Service box--> 

        <?php endforeach; ?> 

      </div> 

      <?php wp_reset_postdata(); ?> 
      <?php endif; ?> 
      <!--Close Service Sector Boxes-->

출처

2016-09-07 lbollu

<?php setup_postdata($post); ?> 
<?php wp_reset_postdata(); ?>

출처

2016-09-07 11:47:36 atomdev

가 왜 OP가 "기능을 제거" "다음 사용"해야

<?php echo get_permalink($post->ID); ?> <?php echo get_the_title($post->ID); ?> <?php echo get_field('colour', $post->ID); ?>

를 제거 기능을 여기

내 HTML입니다 ? ** 좋은 답변 **에는 항상 수행 된 작업에 대한 설명이 포함되어 있으며 OP의 경우뿐만 아니라 향후 방문객을 위해 그러한 방식으로 수행 된 이유에 대해 설명합니다. –

Wordpress 관계 루프에 <head>

답변

관련 문제