我将WordPress函数.the_post_thumbnail().包裹在带有“ post-image”类的范围内,如下所示:

  echo "<span class='post-image'>".the_post_thumbnail()."</span>";


我尝试应用的样式是width: 100%,以使图像占据<div> /容器的100%宽度。但是,当在浏览器中检查帖子图像时,没有任何帖子图像继承该样式。

php - 跨度类的样式未显示在检查器样式中-LMLPHP

我的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%;
}

07-24 09:38
查看更多