Snapic Gallery(已停售)

2022年10月29日

demo-snapic-gallery.jpg


版本型号:Snapic Gallery(单页版)
适用程序:Typecho
皮肤类型:页面模板
模板作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic-gallery.html
许可方式:已停售,功能已添加至 Snapic Plus 相册主题
官方演示: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 中的你的主题文件夹里。

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)

store