使用指南/创建内容/媒体/处理图片

处理图片

图片可增强站点的视觉吸引力、有效地传达信息,并改善访客的体验。本指南将向您介绍为 WordPress 网站添加图片的多种不同方法。

图片指南

您可以通过图片做很多事情,因此我们将其拆分为多个页面:

上传图片

编辑图片

图片问题排查

  • 图片上传问题排查 — 您是否无法正常上传图片?以下是一些有助于成功上传图片的提示。
  • 图片模糊问题排查 — 了解即使上传的原始照片质量很好,图片在您的站点上也会显得模糊的原因。

图片布局示例

以下示例展示了图片在 WordPress 编辑器中的呈现方式。根据您的站点使用的主题,图片效果会有所不同,因此请在您的站点上亲自尝试一下!

所有图片均来源于 Pexels 免费照片库

显示单张图片

使用图片区块即可添加单张图片。

默认样式:

标准的正方形图片。
照片由 Monique Laats 在 Pexels.com 上发布

圆角样式:

圆角图片。
照片由 Monique Laats 在 Pexels.com 上发布

并排显示两张图片

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

图库示例,显示两张并排图片。
照片 1 和照片 2 分别由 Monique Laats 和 Pixabay 通过 Pexels.com 发布

如果您已插入一张图片,则可以快速地将第二张图片拖放到其旁边。从您的计算机拖动图片文件时,请按住鼠标不放,直到第一张图片旁边出现一条竖线,然后再松开。下面的视频演示了如何将新图片拖放到现有图片的旁边:

在一些文本旁边显示图片

您可以使用媒体和文本区块将图片(或视频)与文本并排放置。该区块还提供一个便捷选项,可用于在移动设备上堆叠显示媒体和文本:

媒体和文本区块示例,左侧为图片,右侧为文本引用。

如需了解用于在图片周围环绕文本的更多选项,请访问我们的“将图片与文本对齐”指南。

显示横幅图片

使用封面区块即可添加全宽页眉和横幅式图片。您可以将图片设置为固定背景(也称为“视差效果”或“视差滚动”)、添加颜色叠加,甚至在图片顶部添加文本和其他内容。

具有视差效果的固定背景:

非固定背景:

将多张图片排列在一起

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

以图库格式排列的多张图片的示例。

创建幻灯片

使用幻灯片区块可共享多张图片,而不会占用太多页面或文章空间。

平铺图库区块提供四种不同的样式:

  • 平铺镶嵌
  • 圆形网格
  • 方形拼贴
  • 平铺列

平铺镶嵌

以平铺镶嵌的形式排列图片。

圆形网格

以圆形网格的形式排列图片。

带有圆角选项的方形拼贴

方形图片图库。每张图片均为圆角。

平铺列

以平铺列的形式排列图片。

比较两张图片

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

并排比较
上下比较

Copied to clipboard!