fancybox가 WordPress에서 이미지를로드하지 않습니다.

Question

WordPress로 HTML 템플릿을 변환 중입니다. Fancybox는 내 html 버전에서는 잘 작동하지만 wordpress에서는 제대로 작동하지 않았습니다.

<a href="images/p3.jpg" class="project-img fancybox"></a> 

지금 WP 버전 :

는 HTML 버전에서 fancybox 코드이었다

<a href="<?php the_post_thumbnail(); ?>" class="project-img fancybox"></a> 

& JQuery와 :

$(".fancybox").fancybox({ 

     padding  : 0, 
     margin  : 100, 
     openEffect : 'elastic', 
     closeEffect : 'elastic', 
     openSpeed : 400, 
     closeSpeed : 400, 

     helpers : { 
      overlay : { 
       css : { 
        'background' : 'rgba(0, 0, 0, 0.75)' 
       } 
      } 
     } 
    }); 

을하지만 그것은 작동하지 않습니다 나, 내 이미지에 마우스를 가져 가면 반환됩니다 :

class="project-img fancybox"> 

저는 전문가가 아니므로이 문제에 대한 해결책을 찾을 수 없습니다.

Answer 1

기능 get_the_post_thumbnail을 사용하십시오.

href 태그에 the_post_thumbnail을 전달할 수 없습니다.

Answer 2

href 속성에서 잘못된 기능을 사용하고 있습니다. 해당 게시물의 편집 화면에 설정된 현재 게시물의 추천 이미지 (이전에 미리보기 이미지)가 표시됩니다. 이 태그는 루프 내에서 사용해야합니다. 대신

사용 get_the_post_thumbnail() :

<a href="<?php get_the_post_thumbnail($post_id, $size, $attr); ?>" class="project-img fancybox"></a>