我将WordPress函数.the_post_thumbnail().
包裹在带有“ post-image”类的范围内,如下所示:
echo "<span class='post-image'>".the_post_thumbnail()."</span>";
我尝试应用的样式是
width: 100%
,以使图像占据<div>
/容器的100%宽度。但是,当在浏览器中检查帖子图像时,没有任何帖子图像继承该样式。我的CSS很简单:
.post-image {
width: 100%!important;
}
在这种情况下,我只是不知道还能尝试什么。我不想在reset.css中进行任何更改,因为这会影响所有其他图像-我只是尝试为博客文章设置图像样式。
最佳答案
试试这个:(不需要回声,这个函数回声)
the_post_thumbnail('post-thumbnail');
帖子缩略图被赋予了wp-post-image类,并且还根据显示的缩略图的大小获得了一个类别。您可以使用以下CSS选择器设置输出样式:
img.wp-post-image
img.attachment-thumbnail
img.attachment-medium
img.attachment-large
img.attachment-full
您还可以给缩略图添加自己的课程。显示带有班级后图像的帖子缩略图:
the_post_thumbnail('post-thumbnail', ['class' => 'post-image']);
样式:
img.post-image {
width: 100%;
}