Question

我正在尝试更改帖子缩略图的属性以支持Lazy Load。这需要我添加一个lazy类，将源更改为占位符图像，并将图像源放入data-original属性。

我已经完成了研究并引用了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变量就不起作用了。他们只是空白。有什么我想念的吗？

先谢谢。

Answer 1

我有什么遗失的吗？

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

......它运作得很好。

Answer 2

无需更改所有属性。

如果你只是想让它懒惰。

只需将class属性设置为lazy，如：

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

希望这会有助于其他人

Wordpress更改后缩略图属性

2 个答案: