2013-02-23 2 views
0

게시 축소판의 특성을 Lazy Load을 지원하도록 변경하려고합니다. 이를 위해서는 lazy 클래스를 추가하고, 소스를 자리 표시 자 이미지로 변경하고, 이미지 소스를 data-original 속성에 배치해야합니다.Wordpress 변경 게시물 축소판 특성

저는 연구를 수행했으며 documentation을 참조했지만 여전히 문제가 있습니다.

여기 내가 사용하려고 해요 코드입니다 :

<?php 
    $tempimg = get_bloginfo('template_url') . "/img/grey.gif"; 
    $default_attr = array(
     'src' => $tempimg, 
     'data-original' => $src, 
     'class' => "lazy attachment-$size", 
    ); 
    the_post_thumbnail('project-thumbnail', $default_attr); 
?> 

당신은이 일 것 같아,하지만 난 그 속성을 사용하면, $src$size 변수가 작동하지 않습니다. 그들은 단지 비어 있습니다. 제가 누락 된 것이 있습니까?

고맙습니다.

답변

0

내가 누락 된 것이 있습니까?

예. 해당 코드 블록에 $src 또는 $size을 설정하지 않았습니다. 변수가 설정되어 있지 않으므로 변수는 공백입니다. 사실, 그들은 공백입니다 - 틀림없이 공백보다 적습니다. 이 두 가지 값을 설정하려면 다음과 같이하십시오.

$size = 123; 
$tempimg = $src = get_bloginfo('template_url') . "/img/grey.gif"; 
$default_attr = array(
    'src' => $tempimg, 
    'data-original' => $src, 
    'class' => "lazy attachment-$size", 
); 
the_post_thumbnail('project-thumbnail', $default_attr); 

... 잘 작동합니다.

0

모든 속성을 변경할 필요가 없습니다.

클래스에 게으른 클래스를 지정하려는 경우 이 다른 사람

도움이 될 것입니다

the_post_thumbnail(array(200,200), array('class' => 'lazy')); 

희망 :

그냥 게으른 등으로 클래스 속성을

관련 문제