主题缩略图
发表于 ： 2024年 9月 17日 22:55
当您决定在您的网站上发布内容时，主题会自动从特色图像生成缩略图，以吸引人的方式在您的页面上显示内容。
用于Flex Blocks的缩略图大小：
图片尺寸： XSmall – 150x0 px
图片尺寸： Small – 300x0 px
图片尺寸： Medium – 696x0 px
图片尺寸： Large – 1068x0 px
图片尺寸： Full – 1920x0 px
其他尺寸：
218x150 px
324x400 px
485x360 px
使用Flex Block或Big Grid Flex元素，您可以更好地控制特色图像。您可以将缩略图的大小从XSmall更改为Full，垂直对齐图像，还可以更改每个图像的宽度和高度。
默认Block和文章列表模块
您可以控制为默认主题文章列表模块和Block生成哪个主题缩略图。为此，请转到Theme Panel > Block Settings > Thumbs on Modules，并禁用未使用的文章列表模块/Block缩略图以节省服务器空间：
默认缩略图占位符：
如果未为您使用的特定模块启用缩略图，则该模块将显示一个默认占位符，其中包含图像的大小以及有关如何为该模块启用缩略图的说明。
上传的图片大小：
WordPress没有放大功能，如果你在模块上上传小图片，而这些模块使用的缩略图大于上传的图片，则会使用原始大小（图片不会放大），这并不理想，因为缩略图周围可能会出现空白。
纵横比：
没有理想的图像大小进行裁剪，由于纵横比差异，图像的一部分会丢失。在Newspaper主题上，一些模块的纵横比为16：9，而其他模块的纵横比更接近4：3。
示例 1：如果您上传的图片的纵横比接近 4：3，裁剪功能将切掉纵横比为 16：9 的缩略图的底部。
示例 2：如果您上传 16：9 的图像，该函数将从侧面剪切纵横比为 4：3 的缩略图的一部分。
根据所使用的模块，最好的解决方案是尝试不同的尺寸，看看哪一个提供最好的结果。
使用的功能：
该主题使用 add_image_size（） 函数，您可以在
http://codex.wordpress.org/Function_Reference/add_image_size
或
http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
查看。
用于Flex Blocks的缩略图大小：
图片尺寸： XSmall – 150x0 px
图片尺寸： Small – 300x0 px
图片尺寸： Medium – 696x0 px
图片尺寸： Large – 1068x0 px
图片尺寸： Full – 1920x0 px
其他尺寸：
218x150 px
324x400 px
485x360 px
使用Flex Block或Big Grid Flex元素，您可以更好地控制特色图像。您可以将缩略图的大小从XSmall更改为Full，垂直对齐图像，还可以更改每个图像的宽度和高度。
- 垂直对齐图像调整
- image-v-align.png (50.6 KiB) 查看 509 次
- Big Grid图像尺寸调整
- big-grid-image-size.png (51.94 KiB) 查看 509 次
- Flex Block图像调整
- image-sizes.png (55.38 KiB) 查看 509 次
您可以控制为默认主题文章列表模块和Block生成哪个主题缩略图。为此，请转到Theme Panel > Block Settings > Thumbs on Modules，并禁用未使用的文章列表模块/Block缩略图以节省服务器空间：
- 缩略图开关设置
- thumbs-on-modules.jpg (289.19 KiB) 查看 507 次
如果未为您使用的特定模块启用缩略图，则该模块将显示一个默认占位符，其中包含图像的大小以及有关如何为该模块启用缩略图的说明。
- 缩略图占位符示例
- thumbnails_disabled.png (488.7 KiB) 查看 507 次
WordPress没有放大功能，如果你在模块上上传小图片，而这些模块使用的缩略图大于上传的图片，则会使用原始大小（图片不会放大），这并不理想，因为缩略图周围可能会出现空白。
纵横比：
没有理想的图像大小进行裁剪，由于纵横比差异，图像的一部分会丢失。在Newspaper主题上，一些模块的纵横比为16：9，而其他模块的纵横比更接近4：3。
示例 1：如果您上传的图片的纵横比接近 4：3，裁剪功能将切掉纵横比为 16：9 的缩略图的底部。
示例 2：如果您上传 16：9 的图像，该函数将从侧面剪切纵横比为 4：3 的缩略图的一部分。
根据所使用的模块，最好的解决方案是尝试不同的尺寸，看看哪一个提供最好的结果。
- 缩略图纵横比示例
- thumbnails-demo.png (280.78 KiB) 查看 506 次
该主题使用 add_image_size（） 函数，您可以在
http://codex.wordpress.org/Function_Reference/add_image_size
或
http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
查看。