Snapic Photos 使用文档

2022-08-05

Snapic Photos 使用文档


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

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


模板说明

Snapic Photos 为 Typecho 单页相册模板,相较于 Snapic Plus 主题和 Snapic page 模板,Snapic Photos 支持外链图片,新增单页留言评论,以照片墙的方式呈现,类似图片站时下流行的每行图片等高度显示的界面。

Snapic Photos 照片墙以可自定义高度的方形图片展示,无论什么比例的图片都会被裁切,只显示中央部分,所以更适合视觉焦点在中心的照片。当点击方形图片后才以灯箱效果的方式查看全图。如果需要瀑布流的相册,可以选择更多 Snapic 相册。

1. 单页版 Snapic Photos 独立运作,不对你现有的主题产生影响,操作简单无需过多配置。

2. 不使用外部公共JS,无被挂马风险。

3. 可以单独为每一张图片添加描述。

4. 理论上,可以建立很多个画廊页面。

5. 需要说明下,此模板由于使用滑窗的方式展示评论,且未使用 Ajax 无刷。故在评论后,直接切换到了照片墙,没有停留在评论界面,需要重新点击右下角头像图标回到刚刚的评论位置。
    
另外,评论功能针对的是使用该模板的独立页面的全局留言,限于 Typecho 功能,暂时无法对单张图片进行评论。如果有解决方案,后续可能会新增。

主要功能
1. 图墙布局。采用目前图片站流行的照片墙框架呈现,即每行图片等高度显示。

2. 随机大图。首屏(顶部)大图随机显示照片墙中的任意一张图片,并以视觉差(鼠标跟随)效果显示。

3. 支持外链。图片可以通过附件上传插入,也可以通过插入图片的方式添加。

4. 延迟加载。图片具有延时加载功能,增强浏览体验。

5. 留言评论。支持单页留言评论。

6. 右键版权。可禁用鼠标右键保存图片,并显示版权信息。

7. 显示设置。依喜好在后台勾选外观呈现方式。

主题更新

2022年08月12日 发布 Snapic Photos


使用方法

A 部署文件

1. 将压缩包里的文件夹 Snapic 及其内部的所有文件,和文件 Snapic-Photos.php 上传至目录 usr/themes 中的你的主题文件夹里。如:你的主题文件夹是 default,那么就上传至 usr/themes/default 里。

2. 将压缩包里的文件夹 Code 中的对应代码,复制粘贴到你的主题文件夹里的文件 functions.php 中。为避免操作错误,请按照文件 Readme.txt 中的说明严格部署。

B 配置相册

后台》管理》独立页面》新增,新建独立页面,除以下提到的事项外,其余正常操作即可。

1. 此编辑页面右侧的“自定义模板”里,请选择“Snapic Photos”。

2. 此编辑页面右侧的“高级选项”,在“公开度”选择“隐藏”后,可将此相册(独立页面)的标题不展示在某些主题的分类菜单里。

3. 按以下介绍添加内容。

C 添加内容图示

请严格按照以下格式要求在“内容文本框”中输入内容,才能在前台正确输出。

1. 简介:在“内容文本框”上方选择性输入你对画廊(独立页面)的介绍,可使用文本链接。

2. 原理:除以上简介外,以如下格式输入的内容,每行内容将对应输出前台的一张图片信息。

3. 格式:![图片描述][图片序号]

4. 图片:可以通过附件上传插入,也可以通过插入图片的方式添加,只要遵循格式要求即可。

5. 示例:![Photo by Lopwon][4]。其中,每行开头的感叹号 ! 是必须的(也就是要以插入图片的方式插入图片链接),第一对方括号的 Photo by Lopwon 为图片描述,第二对方括号的 4 为图片链接的序号。

6. 重要:① 格式中的感叹号和中括号都为半角的英文符号,非中文。② 最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一张图片信息在前台无法正常输出。③ 如果你的主题把文章编辑器重新定义了,也就是未使用 Typecho 默认编辑器插入链接,会有格式不对而导致不能正常输出内容的情况。此时,只能通过手动修正格式。

D 设置外观图示

1. 后台》控制台》外观》设置外观,依喜好设置即可。

E 使用技巧

1. 待补充……
Store

Typecho Store
使用 Lopwon POP 实现
CC BY-NC-ND