繁体   English   中英

WordPress更改帖子缩略图属性

[英]Wordpress change post thumbnail attributes

我正在尝试更改帖子缩略图的属性以支持延迟加载 这要求我添加一个lazy类,将源更改为占位符图像,然后将图像源放置到data-original属性中。

我已经进行了研究并参考了文档 ,但是仍然遇到问题。

这是我要使用的代码:

<?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变量将无法工作。 他们只是空白。 我有什么想念的吗?

提前致谢。

我有什么想念的吗?

是。 您没有在该代码块中设置$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);

...效果很好。

无需更改所有属性。

如果您只是想让它变得懒惰。

只需将class属性设置为lazy即可:

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

希望这对别人有帮助

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM