css - Wordpress 中不同产品的图像裁剪无法控制地不同

标签 css wordpress image woocommerce thumbnails

我从上周开始与 Woocommerce 合作,并为在线商店上传产品组合。我遇到的问题是,即使 Woocommerce 设置规定产品具有 1x1 配给裁剪和 300x300 像素分辨率的特色图片,我有两个不同尺寸的特色图片用于两种不同的产品:

  1. 450x450 - http://www.thamon.co.uk/product/leaf-beauty-bag/
  2. 450x300 - http://www.thamon.co.uk/product/leaf-slippers/

两个问题:

  1. 我应该怎么做才能使缩略图均匀?
  2. 我在哪里可以控制照片的尺寸而不是裁剪它们?我用 Photoshop 处理过的图像具有相同的大小和分辨率,我想使用这些照片而不进行不必要的裁剪,所以基本上按照我发布的第二个示例中的比例 (450x300px) 保持它们

谢谢

最佳答案

我认为您需要刷新缩略图,因为您在 woocommerce 设置中更改了它们。您可以使用此插件轻松完成此操作。
http://wordpress.org/plugins/regenerate-thumbnails/

至于让它们不被裁剪并改变大小,只需在图像编辑器中进行即可。否则有几种方法可以做到这一点。您可以在处理图像大小的代码中执行此操作,也可以通过更改该特定类的 css 中的最大宽度和最大高度来执行此操作。

希望对您有所帮助。

关于css - Wordpress 中不同产品的图像裁剪无法控制地不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23580115/

相关文章:

php - 任何人都可以告诉我我的 CSS 的哪一部分造成了差距吗?

html - 每行设置一张卡片 Bootstrap 4

html - 默认 css 如何影响呈现的 html 对象页面

php - 如何将类添加到 Yoast SEO 面包屑中的 <a> 标签?

python - 如何在jupyter中并排显示两个本地镜像?

node.js - Graphic Magic 如何降低质量

java - 在 Java applet 中删除和重绘图像

css - map 上的自定义图像放置

css - 不同语言的皮肤

Css 悬停过渡不适用于实时链接