image - 如何在wordpress中限制图像大小

Question

正如您在上一篇文章中的http://thefreefallband.com/super中看到的，对于几乎每台计算机来说，图像都太大了。无论如何要限制wordpress中图像的宽度？

如果没有，我怎样才能通过 html 代码调整它的大小而不会丢失比例？

Answer 1

一个非常简单的 CSS 修复将是：

.post img {
  max-width: 100%;
  height: auto;
}

Answer 2

当您将图像上传到媒体库时，您可以通过转到“设置 -> 媒体”来声明 WP 自动生成的图像大小。请注意，whileThumnial Size会将您的图像裁剪为您指定的确切尺寸，Medium Size并Large Size保持图像的纵横比，同时调整其大小以适合您指定的最大高度/宽度。

如果它们对您不利，您可以添加自己的图像尺寸functions.php

add_image_size( $name, $width, $height, $crop );

有关更多信息，请参阅法典。

调用图像时，根据您使用的函数，您可以指定定义的图像大小之一，或最大高度/宽度（如果您这样做，WP 将找到最接近的匹配项）。

假设您使用的是帖子特色图片 -

if(has_post_thumbnail( $post_id )) :
    the_post_thumbnail( $size, $attr );
endif;

has_post_thumbnail()有关更多信息，请参阅法典the_post_thumbnail()。