返回到支持 内容和媒体 媒体 图片

图片

图片是提升 WordPress.com 站点效果的理想方法。您可以将大多数常见的图片文件上传到您的站点。本指南将为您展示用于为站点添加图片的各种不同方法。

图片指南

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

示例

下面提供了一些真实网站的示例,展示了使用区块显示图片的各种方式。根据您的站点使用的主题,图片效果会有所不同,因此请在您的站点上亲自尝试一下!

所有图片均由 Pexels 免费图片库提供。

“图片”区块

“图片”区块用于添加单张图片。它有着极简的设计,但与栏目区块结合使用时,可以形成创意设计,如 Coutoire 主题所示。

默认样式:

摄影师:NEOSiAM 2020,发布在 Pexels.com

圆角样式:

摄影师:NEOSiAM 2020,发布在 Pexels.com
封面区块

封面区块最适合允许全宽显示的主题。Dalston、Alves 和 Maywood 主题很好地展示了这个区块。

该区块包括用于固定背景、渐变叠加层和多种不同显示样式的选项。

固定背景开启

固定背景关闭

底部和顶部带有波浪样式的渐变叠加层

“画廊”区块

使用画廊区块,您可以轻松添加多张照片,并且以引人注目的方式自动排列这些照片。

幻灯片区块

幻灯片区块非常适合分享图片,而且不会占用页面或文章中的太多空间。在 Rivington 主题中查看其实际效果。

下面的示例使用自动播放选项,您还可以参阅幻灯片区块指南了解所有其他选项。

“媒体和文本”区块

利用“媒体和文本”区块,您可以将图片或视频与文本并排放置。

该区块提供了一个方便的选项,可在移动设备上堆叠媒体和文本。

ExfordBarnsbury 主题展示了这种区块的创意用法。

“如果有一本你想要读的书,但还无人书写,那么你必须成为那个书写者。”

– Toni Morrison

左侧可以看到启用“在移动设备上堆叠显示”选项时,内容的实际显示效果。

默认情况下,媒体显示在最顶层。

“图片比较”区块

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

Side by Side comparison
Above and below comparison
平铺图片库区块

平铺图库区块包含圆角选项,并且附带四种样式:

这本身就是一种分享图片的创新方法,而且就像 Rivington 主题中所展示的那样,该区块是幻灯片区块的绝佳搭配。

平铺镶嵌

圆形网格

带有圆角选项的方形拼贴

平铺列

Copied to clipboard!