Question

我希望能够将我的Wordpress主题中的图像设置为100％的宽度，以及将图像插入页面或帖子时设置的任何值的最大宽度。我可以在逐个图像的基础上做到这一点，但你可以想象这将是多么乏味。有没有办法可以在我的css或函数文件中执行此操作？谢谢！

Answer 1

<style>

img {
width: 100%;
}



</style>

这应该有效

Answer 2

因此，首先，您必须列出您将在网站中使用的尺寸。你也可以在以后想要多少。

假设您有3种类型的图像。缩略图，中等和大。缩略图最大宽度为200px。中等宽度最大为500px。大号最大1000px宽。等等。

现在将这些类型添加到您的css文件中（您可以随意命名）：

.thumbnailImg {
   width: 100%;
   max-width: 200px;
}

.mediumImg {
   width: 100%;
   max-width: 500px;
}

.largeImg {
   width: 100%;
   max-width: 1000px;
}

.whateverElseYouNeed {
    ...
}

现在将这些应用到您通过wordpress添加的图像：在编辑器中添加图像时，单击图像选项中的“高级选项”。将有一个名为“Image CSS Class”的选项。在这里输入您为所需宽度设置的名称（thumbnailImg，mediumImg，largeImg等）

请参阅此内容以供参考： http://techblog.kjodle.net/2014/08/16/add-css-classes-to-images-in-wordpress/

Wordpress将图像宽度设置为100％，并将最大宽度设置为插入的宽度

2 个答案: