网格 5
此处的每个网格都是一个 Canvas Posts 区块,其“布局”设为“作品集”。“列数”决定每行放置多少个项目,“作品集间距”设置项目之间的间距,可设为无。单列版本会启用“交替分栏卡片”,使每个项目与其描述并排显示,图片每隔一张卡片左右互换。
瀑布流 6
同一区块,不同的 Grid Engine 设置。选择瀑布流模式后,卡片会保留各自的高度,并排成多列,无需遵守行线。卡片形状决定了节奏:可将每张图片裁剪为同一形状,或让每个项目保留自己的形状。混合版本还会将标题移至悬停遮罩内。
加载样式 5
这些设置决定访客如何浏览您的其他作品。“分页样式”提供客户端分页器和无限滚动等选项。“在页内打开项目”可在网格上方加载项目,无需离开当前页面;“项目打开方式”可在灯箱弹窗中显示项目。“筛选样式”可设置 Canvas Grid Filter 区块(分类按钮行)的各种样式,并可选择是否带随机排序按钮。
单个项目 5
项目页面的布局取自您在编辑项目时,通过“模板”设置选择的模板。这些模板涵盖四种媒体类型:大图、图库滑块、缩略图网格和视频。每种模板都可在任一侧或两侧添加侧边栏,也可采用全宽布局,或置于通栏主视觉之下。此处链接的页面只是该系列模板的部分示例。
布局 6
网格在页面中的位置。侧边栏版本会将同一区块放在主栏中,旁边配有侧边栏小工具,例如最新文章和快速联系表单。100% 宽度会让网格从边缘延伸到边缘,没有间距。将“视差”设为开启即可启用视差卡片,它会把每张图片变为随页面滚动而移动的背景层。
每个链接都会打开线上展示站点中的真实页面,这些页面由您安装的同一套主题和区块呈现。
用一个区块即可构建以下任一内容
作品集的展示内容供您浏览。展示中的区块和模板随 Canvas 一同提供,因此上方的每个布局都可以在您的站点上重建。
项目即记录
作品存放在作品集内容类型中,每个项目对应一条记录,分类由 Grid Filter 读取,用于生成其筛选按钮。添加项目后,站点上所有列出该分类的网格都会自动收录该项目。页面本身无需编辑。
网格可通过设置调整
插入 Canvas Posts 区块,选择 Portfolio 布局,然后依照本页所示的名称,逐一设置“Layout”和“Pagination”面板。项目页面本身则由 Canvas 添加 8 个作品集区块,从标题、元信息列表到相关项目,一应俱全。
哪种作品集版式适合您的作品?
从图片入手,因为布局的存在就是为了展示它们。以同一方向拍摄的照片适合放在固定网格中,各行对齐。竖版与横版作品混合时,则适合使用瀑布流布局,让每张卡片都能保持其图片的形状。
案例研究的呈现方式有所不同。当每个项目都需要一段背景说明时,单列分栏卡片网格能为其留出足够空间;对于希望将联系方式与作品并列展示的代理机构,侧边栏版本更为合适。
别忘了统计项目数量。作品较少时,一屏即可展示,上方配以筛选器。项目超过几行后,请选择一种加载方式,以保持页面打开迅速:分页器适合希望清楚了解自己所在位置的访客,无限滚动适合喜欢随意浏览的访客。对于单个项目,请先根据其媒体类型选择模板:拍摄作品用图库滑块,影片作品用视频,最后再决定是否使用侧边栏。
