Snapic Photos 使用文档

2022-08-05


版本型号: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. 可以单独为每一张图片添加描述。

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

4. 需要说明下,此模板由于使用滑窗的方式展示评论,且未使用 Ajax 无刷。故在评论后,直接切换到了照片墙,没有停留在评论界面,需要重新点击右下角头像图标回到刚刚的评论位置。

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

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

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

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

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

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

主题更新

2023年11月01日 发布 Snapic Logs v2.1 修正已知问题。

2023年10月02日 发布 Snapic Photos v2.0 修正已知问题,优化功能代码。

2022年08月12日 发布 Snapic Photos

使用方法

A 部署文件

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

2. 在你的主题里的文件 functions.php 内搜索 themeInit 并在 {…} 内添加以下代码,作用是让模板 Snapic Photos 的评论不分页:

    if (strpos($archive->template, 'Snapic-Photos.php') !== false) {
        Helper::options()->commentsPageBreak = false; // 模板 Snapic Photos 评论不分页
    }

B 配置相册

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

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

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

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

C 添加内容

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

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

2. 原理:每行内容由 ![]() 组成,每行内容对应输出前台的一个方块信息。

3. 格式:![图片描述](图片链接)

4. 重要:以上格式为 Markdown 插入图片的语法,前方必须包含 ! 半角感叹号。

D 使用技巧

1. 待补充……

E 配置模板

一、创建字段(可选项)

通过使用对应的自定义字段值,可以改变模板的布局和功能。打开你创建的相册(独立页面),按以下介绍依喜好设置即可。

1. 如果添加字段后,需要取消功能,则把对应的字段删除,或者把字段值留空。

2. 如果添加字段后,发现该字段对应的功能未生效,请先排查在用的博客主题是否也存在相同的字段名称。

作用

  • 头像徽标
  • 图片高度
  • 右键版权

字段名称

  • spLogo
  • spHeight
  • spCC

字段值格式

  • 图片链接
  • 数值
  • 文本

字段值示例

  • http://snapic.cn/cdn/img/logo_w.png
  • 240
  • 禁止盗图

说明

  • 填入图片链接则头像显示该图片,默认使用 Gravatar 头像,请确保该服务访问顺畅
  • 填入 240~720 之间的数值,默认使用 240~720 的随机数值
  • 填入右键提示信息
Store

2 条评论

  1. a ajiao 11

    这款模板如果能设计成主题就好了。

    1. Lopwon Lopwon 博主
      @ ajiao

      倒是可以做成主题,只是大家都有自己喜欢的在用的主题,做成单页模板,受众会多一些。

准备下山 准备下山
Snapic Plus v5
使用 Lopwon POP 实现