Question

我的wordpress网站存在以下问题。在我的博客部分中，显示了所有博客帖子的列表，由于Wordpress实现的响应式图像选项，我的精选图像质量很差。这就是我的代码：

    <div class="post-thumb"><a href="http://www.example.com/mypost">
    <img width="300" height="75" src="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg" class="alignleft wp-post-image" alt="" srcset="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg 300w, http://www.example.com/wp-content/uploads/2017/02/img-768x192.jpeg 768w, http://www.example.com/wp-content/uploads/2017/02/img-1024x256.jpeg 1024w, http://www.example.com/wp-content/uploads/2017/02/img.jpeg 1400w" sizes="(max-width: 300px) 100vw, 300px">
    </a></div>

如果我改变了尺寸＆＃39;我的控制台中的元素和最大宽度高于300px（例如3000px）的数字，我的图像显示它应该是的质量。但是现在我的网站是全宽的，只能缩放300像素的图像。我目前不知道在我的主题中改变这个元素的位置。

提前致谢，汤姆

Answer 1

您好尝试在主题中以完整尺寸显示图片：

<?php the_post_thumbnail('full'); ?>

我的模板始终以全分辨率显示图像。

或者您可以尝试从管理面板更改帖子后大小并再次使用插件刷新图片（我现在不记得插件名称）。

样式（或最小宽度：100％;最大宽度：100％;）：

<style type="text/css">
.post-thumb img{
    padding: 5px; float: left; width: 100%; height: auto; overflow: hidden; box-sizing: border-box;
}   
</style>

Wordpress Post功能图像响应问题

1 个答案: