版本型号:Snapic Gallery(单页版)
适用程序:Typecho
皮肤类型:页面模板
模板作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic-gallery.html
官方演示:Snapic Gallery
网友案例:(留言申请)
模板说明
Snapic Gallery 为 Typecho 单页相册模板,特点为:单页单屏呈现分类图片,支持手势滑动切换图片。打开模板页面时,首屏随机显示所有图片的其中一张;点击图片分类后,该分类下的图片以幻灯片形式显示;点击自定链接后,以滑窗方式展开画廊说明等等信息。可以用于展示自己的摄影作品等等。
主要功能
1. 单页面呈现。不用改变自己现有的博客主题,也能通过建立独立页面,拥有相册的功能。理论上,可以建立很多个画廊页面。
2. 全屏幕显示。首屏随机显示所有图片的其中一张。
3. 图片可外链。支持使用外链图片。
4. 图片可分类。支持创建图片分类,并且每一个分类以独立的幻灯片形式满屏显示其中的图片,且有延迟加载功能。
5. 图片可描述。可以为每一张图片添加描述。
6. 切图更便捷。幻灯片支持电脑端鼠标和移动端手势,切换图片。
7. 画廊简介页。可用于画廊说明、个人简介和联系方式等。
主题更新
2022年11月01日 发布 Snapic Gallery
使用方法
A 部署文件
1. 将压缩包里的文件夹 Snapic 及其内部的所有文件,和文件 Snapic-Gallery.php 上传至目录 usr/themes 中的你的主题文件夹里。如:你的主题文件夹是 default,那么就上传至 usr/themes/default 里。
B 配置相册
后台》管理》独立页面》新增,新建独立页面,除以下提到的事项外,其余正常操作即可。
1. 此编辑页面右侧的“自定义模板”里,请选择“Snapic Gallery”。
2. 此编辑页面右侧的“高级选项”,在“公开度”选择“隐藏”后,可将此相册(独立页面)的标题不展示在某些主题的分类菜单里。
3. 按以下介绍添加内容。
C 添加内容 (图示)
请严格按照以下格式要求在“内容文本框”中输入内容,才能在前台正确输出。
1. 简介:在“内容文本框”上方选择性输入你对画廊(独立页面)的介绍,可使用文本链接。
2. 原理:除以上简介外,以如下格式输入的内容,每行内容将对应输出前台的一张图片信息。
3. 格式:(图片分类)(图片描述)(图片链接)
4. 示例:(徽标)(这是头像)(http://cdn.snapic.cn/img/logo.png)
5. 重要:① 格式中的括号都为半角的英文符号,非中文。② 三组括号中,图片分类为空值时,前台则不显示该图片;图片描述为空值时,前台则不显示描述;图片链接不能为空。③ 图片分类需要与之后创建的自定义字段 sgAlbum 中的字段值对应(见以下 D 配置模板,表格中的创建分类),且每一张图片仅能赋予单一分类,不能使用多个分类。
6. 提示:访问画廊页面时,会预先加载每个分类下的几张图片,分类越多,预加载的总量越大,所以,建议创建适当数量的分类即可(如果你的图片存储空间带宽够大,可无视)。
D 配置模板 (图示)
通过使用对应的自定义字段值,可以创建分类和改变功能。打开你创建的相册(独立页面),按以下介绍依喜好设置即可。
1. 每个字段中,如果填入多个字段值时,使用半角逗号分开,没有顺序要求。
2. 字段 sgSetup 中的各字段值功能:
full 使用后,图片将以实际尺寸等比例显示。不使用,图片将以宽度为基准铺满屏幕,显示中心部分。
dots 使用后,幻灯片右下方显示圆点指示器。当显示屏幕宽度小于 480px 时,强制隐藏。
autoplay 使用后,幻灯片开启自动播放图片功能。当点击图片分类后,轮播当前分类图片(鼠标需离开图片区)。
noarrows 使用后,幻灯片右下方关闭左右翻图图标。
3. 示例。当字段 sgSetup 的字段值输入 full,autoplay 时,表示开启图片等比例显示和幻灯片自动播放功能。
作用
- 创建分类
- 功能设置
- 右键信息
- 自定关于
字段名称
- sgAlbum
- sgSetup
- sgCC
- sgAbout
字段值格式
- 分类一,分类二,分类三
- full,dots,autoplay,noarrows
- 字符
- 字符
字段值示例
- 人像,风景,艺术
- full,autoplay
- Photo by Lopwon
- 关于
说明
- 对应以上 C 添加内容,格式中的图片分类(图示)。该字段必须创建,否则只显示一张随机图片
- 选择性使用对应字段值,不创建该字段时,则不设置任何功能
- 不创建该字段时,使用默认右键信息(CC BY-NC-ND)
- 不创建该字段时,使用默认链接名称(About)