本节介绍如何处理媒体库中的图像。如果您想显示位于主题目录中的图像文件，只需使用img标记指定位置，并使用CSS进行样式设置。
<img alt=“”src=“”/>
要在媒体库中显示图像，请使用wp_get_attachment_image（）功能。
echo wp_get_attachment_image（$attachment->ID，‘缩略图’）；
您将获得具有选定缩略图大小的以下HTML输出
<img width=“150”height=“150“src=”http://example.com/wordpress/wp-content/uploads/2016/11/sample-150x150.jpg“class=”attachment-thumbnail size-thumbnali“…/>
您可以指定其他大小，例如原始图像的“full”或设置为的大小的“median”和“large”设置>媒体在中管理屏幕，或任意一对宽度和高度作为数组。您还可以自由设置自定义大小字符串添加图像大小（）;
echo wp_get_attachment_image（$attachment->ID，数组（640480））；
如果要获取图像的URL，请使用wp_get_attachment_image_src（）。它返回一个数组（URL、宽度、高度、is_intermediate），或假，如果没有可用的图像。
<?php（电话）$image_attributes=wp_get_attachment_image_src（$attachment->ID）；if（$image_attributes）：？><img src=“<？php echo$image_attributes[0]；？>”width=“>php echos$image _attribumes[1]；？>“height=”<?php-endif；？>
在站点中添加图像时，可以将图像对齐方式指定为右对齐、左对齐、居中对齐或无对齐。WordPress核心自动添加CSS类以对齐图像：
这是选择居中对齐si时的示例输出
<img class=“aligncenter size-full wp-image-131”src=…/>
为了利用这些CSS类进行对齐和文本换行，主题必须在样式表中包含样式，例如主样式表文件。您可以使用样式表与官方主题捆绑在一起，如“二十一七”，以供参考。
如果为媒体库中的图像指定了标题，则HTML国际货币基金组织元素由缩写[caption]和[/caption]括起来。
<div class=“mceTemp”><dl id=“attachment_133”class=“wp-caption aligncenter”style=“width:1210px”><dt class=“wp-caption-t”><img class=“size-full wp-image-133”src=“http://example.com/wordpress/wp-content/uploads/2016/11/sample.jpg“alt=”日落“width=”1200“height=”400“/></dt>日落海面</dl></div>
并且，它将以HTML格式呈现为图形标记：
<figure id=“attachment_133”style=“width:1200px”class=“wp-caption aligncenter”><img class=“size-full wp-image-133”src=“http://example.com/wordpress/wp-content/uploads/2016/11/sample.jpg“alt=”日落“width=”1200“height=”400“srcset=…/>太阳落海</图>
与路线类似，您的主题必须包含以下样式。
WordPress 5.8（文字出版社5.8）引入对的支持WebP（网络协议）图像格式，为web上的图像提供改进的无损和有损压缩。WebP图像平均比JPEG或PNG图像小30%左右，因此网站速度更快，使用的带宽更少。所有现代浏览器都支持WebP根据犬科动物的说法.
上传图像时，WordPress生成更小的子尺寸，如使用添加图像大小（）。默认情况下，WordPress将以与原始大小相同的格式生成这些子大小。由于WebP格式的性能优势，可能需要用WebP代替原始格式生成子大小。
图像编辑器输出格式filter钩子可用于更改用于图像子大小的文件格式。这可用于将所有子大小切换为WebP或任何其他所需格式（JPEG等）。
以下示例显示了如何使用WebP生成JPG图像的所有子尺寸：
<?php（电话）函数wporg_image_editor_output_format（$格式）{$formats['images.jpg']='images/webp'；返回$formats；}add_filter（'图像编辑器输出格式'，'wporg_image_editor输出格式'）；
注：GD和ImageMagick库都支持有损和无损的WebP格式。但是，只有ImageMagick支持动画图像。
将输出格式设置为WebP将验证web服务器是否支持它，如果不支持，则不会更改格式，即无法工作。
参考文献