Snapic Gallery 使用文档

2022-10-29

Snapic Gallery 使用文档


版本型号:Snapic Gallery(单页版)
适用程序:Typecho
皮肤类型:页面模板
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic-gallery.html
官方演示:Snapic Gallery
网友案例:(留言申请)

我要购买:Lopwon.com/snapic.html


模板说明

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)
Store

Lopwon Festive 元宵节代码已上线

Powered by Lopwon POP