图片可增强站点的视觉吸引力、有效地传达信息,并改善访客的体验。本指南将向您介绍为 WordPress 网站添加图片的多种不同方法。
在此指南中
有问题?
询问我们的 AI Assistant您可以通过图片做很多事情,因此我们将其拆分为多个页面:
- 要查看您可以上传到 WordPress.com 的图片文件类型,请参阅“可接受的文件类型”指南。
- 使用图片区块将图片上传到您的站点。
- 使用图库区块或平铺图库区块上传图库。
- 使用幻灯片区块上传幻灯片。
- 使用封面区块上传页眉或横幅式图片。
- 使用媒体和文本区块并排添加图片和文本,或使用图片比较区块比较两张图片。
- 从这些来源查找可用于您网站的免费图片。
- 使用 WordPress 编辑器中的区块设置裁剪、缩放、旋转和对齐图片,以及为图片添加说明文字。
- 在图片区块指南中进一步了解这些设置,或探索我们的其他媒体区块。
- 您可以使用仪表盘的“媒体”部分查看和删除站点上的图片。
- 您还可以在“媒体”中旋转、裁剪和翻转图片。请参阅“编辑媒体中的图片”,了解具体方法。
- 优化您的图片,以确保它们能够快速加载,并尽量减少所占用的存储空间。
以下示例展示了图片在 WordPress 编辑器中的呈现方式。根据您的站点使用的主题,图片效果会有所不同,因此请在您的站点上亲自尝试一下!
所有图片均来源于 Pexels 免费照片库。
使用图片区块即可添加单张图片。
默认样式:

圆角样式:

要并排显示两张图片,您可以使用图库区块:

如果您已插入一张图片,则可以快速地将第二张图片拖放到其旁边。从您的计算机拖动图片文件时,请按住鼠标不放,直到第一张图片旁边出现一条竖线,然后再松开。下面的视频演示了如何将新图片拖放到现有图片的旁边:
您可以使用媒体和文本区块将图片(或视频)与文本并排放置。该区块还提供一个便捷选项,可用于在移动设备上堆叠显示媒体和文本:

如需了解用于在图片周围环绕文本的更多选项,请访问我们的“将图片与文本对齐”指南。
使用封面区块即可添加全宽页眉和横幅式图片。您可以将图片设置为固定背景(也称为“视差效果”或“视差滚动”)、添加颜色叠加,甚至在图片顶部添加文本和其他内容。
具有视差效果的固定背景:
非固定背景:

使用图库区块可显示多张照片,这些照片以极具吸引力的方式排列。

使用幻灯片区块可共享多张图片,而不会占用太多页面或文章空间。
平铺图库区块提供四种不同的样式:
- 平铺镶嵌
- 圆形网格
- 方形拼贴
- 平铺列
平铺镶嵌

圆形网格

带有圆角选项的方形拼贴

平铺列

使用图片比较区块可将两张图片并排放置(或者上下放置),并通过滑块来展示两张图片之间的区别。