画廊块概述

部分

画廊块将画廊的图像和视频添加到网页和博客。你可以上传图片,添加盖蒂图片社、 嵌入视频,或显示现有的画廊页的内容。

有四个画廊块,和他们的设计和行为是一致的跨所有模板。这种一致性使到您的模板库页画廊块不错的方案。

常见的问题,请访问画廊块常见问题.

画廊块比较

此表说明四个画廊块的设计之间的差异。

块的名称外观显示标题和描述
旋转木马库块

无填充水平地带

图像可以自动转换为传统旋转木马设计

没有
网格画廊块

与几个纵横比选项的对称网格

可自定义的填充和缩略图每行的数目

是的
幻灯片库块

一次显示一个项目

媒体可以自动播放

是的
堆栈画廊块

与项目之间的填充一个像素的单个列

是的

第 1 步-选择块

打开的网页或张贴编辑器。

单击插入点或 +。

根据库,选择旋转木马、 网格、 幻灯片或堆栈。

更详细的步骤,请访问添加块.

第 2 步-添加图像和视频

限制

您可以添加最多 250 的图像和视频上传。

您可以显示达 250 的图像和视频从现有的画廊页。

您添加更多的内容,页面将加载的速度越慢。这是与处理能力有限的移动设备来说尤其如此。若要减小页面大小,可以总是在多个页面上创建多个库。

若要了解有关图像上传我们最佳做法的更多信息,请访问你要在 web 上显示的图像的格式或查看我们所有关于图像系列.

选项 1-添加您自己的图像

在块编辑器中,将多个图像拖到上传的图像。您还可以单击上传的图像可以打开一个文件选择菜单。                        

选项 2-搜索盖蒂

单击 + 图标的右下角,然后单击盖蒂图片社。

若要了解详细信息,请访问盖蒂图片社和 Squarespace 概述.

选项 3-添加视频

你可以嵌入视频从托管服务。不能直接上载视频。我们目前支持直接从 UrlYouTube,Vimeo,WistiaAnimoto.对于嵌入代码,我们支持的任何服务。

将 URL 粘贴或嵌入代码

若要添加视频,请单击 + 图标的右下角,然后单击视频。

在视频编辑窗口中,粘贴在嵌入的 URL 框中输入该视频的 URL。您还可以单击 <> / 图标和粘贴视频嵌入代码中编辑嵌入的数据出现的窗口中。

该 URL 通常是您的浏览器的地址栏中的 URL。您可能需要单击共享按钮获取视频的 URL 或嵌入代码。

添加缩略图 (可选)

这个视频是成功定位后,可以添加自定义的缩略图图像,显示在您的视频之前访客玩它。一些视频有一个画廊块上传,但您可以删除此图像和上传一个新的形象。

若要使用自定义缩略图,请检查使用缩略图。

当你完成时,单击保存。

使用现有库

画廊块可以显示图像和视频您已经添加到画廊页。

若要在现有的画廊页中显示的内容,请单击使用现有画廊。然后选择要使用的库页面。

第 3 步-自定义设计

单击设计选项卡以编辑的设计和块的行为。

幻灯片放映,旋转木马和网格块有不同的设计设置。预览页面上画廊会改变所以你可以实时查看所做的更改。我们建议玩设置,直到你找到你喜欢的设计。

要了解更多信息,请访问特定块指南 ︰

幻灯片放映 

旋转木马

网格

堆栈

注 ︰ 堆栈画廊块被固定在它的布局。它有一个设计选项 ︰ 显示标题和说明。

第 4 步-添加图像标题和描述 (可选)

图像标题和描述显示在幻灯片、 网格和堆栈画廊块只。之前将它们添加到图像,它是一定要注意文本的行为 ︰

标题和描述在旋转木马库块中不会显示。

如果在画廊块图片是从现有的库页、 图像标题和描述从库页会自动出现在画廊块。

图像标题文本是画廊的所有块集的大小。它是不可能调整大小标题大小从样式编辑器。

您可以添加标题和 (或) 如果你设置在灯箱中打开的图像将显示每个图像的描述。每个图像标题作为alt 文本.

若要添加标题和说明 ︰

将光标悬停在画廊块编辑器中的图像。

单击齿轮图标。

输入标题和说明。我们推荐使用短的术语,描述图像和你整体的网站内容联系在一起。

这里是每个块类型显示文本的方式 ︰

不断地或悬停时显示幻灯片-标题和描述。设置块的设计选项卡中的位置。

网格-标题出现在下方的图像。标题和说明显示悬停时当图像处于灯箱模式。

堆栈的标题和描述显示在下面的图像。

有关详细信息,请访问造型图片.

第 5 步-添加点击 Url (可选)

通过添加点击 Url 链接到外部网页、 内部内容或文件的图像。这是一个伟大的方式使用图库鼓励到其他内容,如客户端项目、 产品、 文件或博客的点击率。点击 Url 处理的图像,但他们不处理视频。

若要添加一个点击 URL:

返回到内容选项卡的块编辑器中。

将光标悬停在内容框中,图像,然后单击齿轮图标。

单击单击此处添加点击 URL...

继续添加点击 URL。详细的步骤访问使用点击 Url.

注 ︰ 一些画廊块有其局限性点击 Url:

幻灯片库块-点击 Url 重写幻灯片库块中的导航。如果你使用点击 Url,我们建议检查显示下一页和上一页控件在设计选项卡在块编辑器中。

点击 Url 都支持网格画廊块-检查网格块除了与灯箱。

如果您连接到您的画廊块库,添加在库页内的点击 Url。

第 6 步-作物或调整图像 (可选)

而你总是可以调整整个画廊块的大小一些画廊块有额外的调整大小选项 ︰

旋转木马库块可以调整图像,并且一次显示的图像的大小。

网格画廊块你可以裁剪到某些形状的图像,设置每行的缩略图的个数和调整的填充。

幻灯片库块您可以选择是否要裁剪图像。

第 7 步-保存

当你完成添加内容和设计的块,单击保存。

第 8 步-设计之间切换

您可以切换到不同的块,在设计选项卡中的块编辑器的设计。这种方式,您更改的设计和你的画廊行为如果不删除并重新添加块。

双击在编辑器中的块。

单击设计选项卡。

选择幻灯片显示、 滑块、 网格,或堆积。

当你做出选择,预览页面上画廊将更改以便您可以查看所做的更改在真正的时间。