Question

我已经有两个单独的代码，两者都有效，但我不知道如何在同一个缩略图中使用它们。

如果在帖子中找不到图像，此代码会设置默认的后备图像。

<a href="<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() )
the_post_thumbnail( array(600,600) );
else
echo '<img src="' . trailingslashit( get_stylesheet_directory_uri() ) . 'images/default-thumbnail.svg' . '" />';
?>
</a>

此代码可以快速响应缩略图。

<? if( has_post_thumbnail( $post_id ) ): ?>
<img title="" alt="" src="<?=wp_get_attachment_url( get_post_thumbnail_id() ); ?>" style="width:100%; height:auto;">
<? endif; ?>

我不懂PHP。我想从第一个代码中删除下面的这一行，将图像大小调整为100％宽度。我不希望固定大小为600 x 600px。

the_post_thumbnail( array(600,600) );

有人可以帮助我吗？

[解决方案!! ]谢谢你，Society43。

        <a href="<?php the_permalink(); ?>">
          <?php if( has_post_thumbnail( $post_id ) ) { ?>
          <img src="<?=wp_get_attachment_url( get_post_thumbnail_id() ); ?>" style="width:100%; height:auto;">
          <?php } else {
          echo '<img src="' . trailingslashit( get_stylesheet_directory_uri() ) . 'images/default-thumbnail.svg' . '" />';
          } ?>
        </a>

Answer 1

试试这个。未经测试的

<?php if( has_post_thumbnail( $post_id ) ) { ?>
<img title="" alt="" src="<?=wp_get_attachment_url( get_post_thumbnail_id() ); ?>" style="width:100%; height:auto;">

<?php } else { 

//fallback img here 

} ?>

如何制作响应式缩略图并在WordPress上应用后备图像？

1 个答案: