Question

我试图创建的图片标签的格式基本上是：

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="attachment-catalog" data-src="my/image/path/here">

这是我的代码：

<?php
    if ( has_post_thumbnail( $post->ID ) ) {
        $newimgdetails = array(
                            'src'      => "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
                            'class'    => "attachment-$size",
                            'alt'      => trim( strip_tags( $attachment->post_excerpt ) ),
                            'title'    => trim( strip_tags( $attachment->post_title ) ),
                            'data-src' => $src,
                          );    
        echo  get_the_post_thumbnail( $post->ID, 'shop_catalog', $newimgdetails);
    }
?>

我对php相当陌生，所以我认为它很容易解决，但过去一小时我一直在搞乱这个问题。

有人可以帮我解决这个问题吗？

以下是get_the_post_thumbnail的代码的链接 - https://codex.wordpress.org/Function_Reference/get_the_post_thumbnail

*更新 - 使用谷歌的图片尝试此代码，它的工作原理。问题是我的变量$src。我需要这个来获取图像的路径，它目前没有这样做。我使用$ src是因为我在上面的codex链接中看到它并认为它会起作用。大声笑。

Answer 1

我认为您已使用add_image_size

注册了“shop_catalog”

<?php
    if ( has_post_thumbnail( $post->ID ) ) {
        $thumb_id = get_post_thumbnail_id( $post->ID );
        $thumb_url_array = wp_get_attachment_image_src($thumb_id, 'shop_catalog', true);
        $src = $thumb_url_array[0];

        echo '<img scr="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" class="attachment-catalog" alt="'.trim( strip_tags( $attachment->post_excerpt ) ).'" title="'.trim( strip_tags( $attachment->post_title ) ).'" data-src="'.$src.'">';
    }
?>

php wordpress get_the_post_thumbnail - 数组问题（可能很容易修复）

1 个答案: