php css编辑图像大小（wordpress主题）

我需要你在以下主题上的帮助

我想更改索引页上图像的大小，以及每篇文章上图像的大小

我在functions.php和stylesheet.css上找到了下面的代码，仅仅编辑它是不够的

Functions.php code

add_theme_support( 'automatic-feed-links' );
add_theme_support( 'post-formats', array( 'aside', 'link', 'gallery', 'status', 'quote', 'image' ) );
if ( function_exists( 'add_theme_support' ) ) { 
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 314, 200, true );
add_image_size( 'related', 50, 50, true ); 
add_image_size( 'home_img', 314, 200, true ); 
add_image_size( 'single_img', 600, 300, true );  
add_image_size( 'page_img', 920, 350, true ); 
add_image_size( 'slider_img', 600, 280, true ); 

Stylesheet.css code

.img-home, .feat-thumb a
max-width: 314px;
max-height: 200px;
display: inline-block;

.img-single, .feat-thumb-s a
max-width: 600px;
max-height: 300px;
display: inline-block;

---

有什么想法吗？

您可以通过WordPress的图像编辑器和设置更改图像的大小。一旦你做到了这一点，你的CSS应该可以工作

转到Wordpress媒体库（your_website.com/wp admin/upload.php）编辑上传的图像文件

---

您可以在这里找到更改CSS应该可以做到的。。。当我将

.feat thumb a

的

max width

属性的值更改为Chrome中较小的值时，我看到它按预期调整大小。您可能没有正确编辑它（例如，您可能没有设置服务器端文件权限来保存通过Wordpress管理面板对模板所做的编辑，请改用FTP），或者您可能看到缓存的样式表，需要清除浏览器的缓存以加载更新的样式表

home\u img

和

single\u img

的

add\u image\u size（）

引用在

functions.php

中，仅在首次上传图像时使用，因此它不具有追溯性，因此为了更新之前上传的图像，您需要使用一个插件-我喜欢这个插件：

但是，在响应主题中，图像通常设置为

宽度：100%

或

最大宽度：100%

（在本例中为后者），并取决于其父容器的大小，或者在某些情况下取决于较远的祖先容器，这就是为什么要更新

的CSS值，包装
img
的锚元素，而不是直接包装
img
，因此在许多情况下，如果没有CSS调整，仅仅更新
add\u image\u size（）
是不够的（实际上，将调用更改为
add\u image\u size（））
无关紧要，因为无论实际大小，响应性设计中的图像通常不会超过其较小容器宽度的100%）

如果您确定正在应用/加载CSS更新（例如，您可以从服务器在浏览器中检查它，并且这不是文件权限或缓存问题），您可以尝试添加
！重要信息
到样式的末尾（邋遢），或者复制并粘贴到样式表的末尾，并向选择器链添加另一个元素，以确保它们具有更高的特异性（例如，
body.feat thumb a
而不是
。feat thumb a
）。不过，我怀疑您还有其他问题，因为正如我所说，当我直接在Chrome中修改CSS时，我可以在前端看到结果。
fyi，请记住所有上传的图像都应用了旧的大小设置，因此使用
add\u image\u size（）
更改大小只会影响新图像。如果你想保持一致性，你必须删除旧图像，然后重新加载它们。谢谢，现在它可以正常工作了。我必须编辑php和css，然后使用插件，这使事情变得更容易。