Question

在wordpress中目前默认情况下，图像附件具有类似的类

<img class="size-full wp-image-8996" src="https://nepaltimes.net/wp-content/uploads/2018/04/31043884_1792179470828697_8330507756888915968_n.jpg">

我在这里尝试将一个类作为img-fluid添加到帖子中的所有附件而不是缩略图。

<img class="img-fluid size-full wp-image-8996" src="https://nepaltimes.net/wp-content/uploads/2018/04/31043884_1792179470828697_8330507756888915968_n.jpg">

怎么可能呢？任何想法将不胜感激！请帮帮我

Answer 1

你可以通过多种方式获得这个。

在wordpress中，如果你是自定义网站的主题，那么你可以选择获取你的图像的网址而不是像wordpress函数生成的整个图像标记。

<img class="img-fluid size-full wp-image-8996" src="<?php echo get_the_post_thumbnail_url(); ?>"/>

其他方法是使用javascript，您可以在文档加载事件上添加自定义类。

Answer 2

而不是修改所有帖子或应用＆＃39; img-fluid＆＃39;动态类，也许考虑使用CSS3选择器使用现有类将相同的样式应用于所有图像附件。例如，您可以使用：

img[class*='wp-image-']

这会定位页面上包含＆＃39; wp-image - ＆＃39;的所有图片元素。在class属性中。这是一个例子：

＆＃13;

img[class*='wp-image-'] {
   width: 25%;
   height: 25%;
   opacity: 0.5;
   border: 2px solid #000;
}

＆＃13;

<img class="size-full wp-image-8996" src="https://nepaltimes.net/wp-content/uploads/2018/04/31043884_1792179470828697_8330507756888915968_n.jpg" />

＆＃13;

最后，如果您需要来使用特定类＆＃39; img-fluid＆＃39;，例如，如果您正在将Bootstrap集成到现有网站中，你可以使用SASS来扩展“img-fluid”＆＃39;选择器使用与img标记上已有的类名一起使用的选择器。这是一个例子：

img[class*='wp-image-'] {
  @extend .img-fluid;

}

将css类添加到所有帖子中附加的图像？

2 个答案: