Snapic Page 使用文档

Snapic Page 使用文档


版本型号:Snapic Page(单页版)
适用程序:Typecho
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic.html
官方演示:Fuji Z1
网友案例:向阳而长(留言申请)

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


主题说明

与主题版 Snapic Plus 相比,单页版 Snapic Page 不用改变自己现有的博客主题,也能通过建立独立页面,拥有相册的功能,支持单篇页面不断新增照片。综合网友建议,新增了一些功能,优化了一些样式。

1. 单页版 Snapic Page 适用于图片类相册,使用瀑布流(masonry)的方式延时加载(lazyload)展示图片集,同时支持图片灯箱(fancybox)效果。

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

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

4. 理论上,可以建立很多个单页相册。

模板更新

2021年07月11日 发布正式版 Snapic Page


使用方法

A 部署文件

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

2. 将压缩包里的文件 Readme.txt 中的代码,复制粘贴到你的主题文件夹里的文件 functions.php 中。为避免操作错误,请将代码粘贴至最末端。

B 配置相册

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

1. 此编辑页面左侧的“内容文本框”里,选择性输入你对相册的介绍,将以摘要的形式展示在前端的置顶处。注意:摘要不支持超链接显示。

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

3. 此编辑页面右侧的“附件”里,请上传你需要展示的图片,不需要插入“内容文本框”中。

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

C 添加描述

1. 方法一:在以上提到的编辑页面右侧的“附件”里,上传你需要展示的图片后,依次点击每个图片附件的“编辑”(铅笔状图标),进入图片信息的编辑页面,在右侧的“描述”里,输入你对这张图片的介绍,提交修改即可。

2. 方法二:后台》管理》文件,也可以从这里进入图片信息的编辑页面,给每张图片添加描述。

D 新增图片

后台》管理》独立页面,打开你需要新增图片的相册(独立页面),继续在“附件”里上传图片即可。最新上传的图片将展示在前端的最前面。

E 图片外链

单页版 Snapic Page 相册,需要将图片以附件的形式上传。当然也可以通过使用插件修改代码后,支持图片外链的功能,具体还需要你自己研究探索。

F 使用技巧

1. 如何打开翻图功能?见文件 Snapic-Page.php 里的注释。

2. 如何替换加载动图?见文件 Snapic-Page.php 里的注释。

3. 如何在二级目录下的博客使用 Snapic Page 单页版相册?
修改文件 Snapic-Page.php 第67行两处,分别为 href 和 data-original 里的 $this 前,添加 /二级目录文件夹名称/ (注意包含前后两个斜杠)。

4. 如何让相册介绍支持超链接?
搜索文件 Snapic-Page.php 第52行,将 excerpt(255, '......') 替换为 content() 后,可以在后台该相册(独立页面)的编辑页面左侧的“内容文本框”里,按照正常操作插入超链接。需要注意的是,修改后,前台输出的相册介绍是正文内容,所以请勿在“内容文本框”里输入太多文本内容,也不要插入图片。如果执意要在“内容文本框”中插图图片,建议一张即可,同时需要在 css 中添加如下样式,以约束图片的宽度:
.snapic-about img {
    width: 100%;
}

出售域名

inrz.cn 我要买,pwon.cn 我要买,liay.cn 我要买

已售出:itwg.cn,itkr.cn,xxas.cn,insnap.cn,xxvs.cn,zuihi.cn

温馨提示

以上介绍如有不明之处,还需你自己先行研究使用,若是实在有疑问,再留言。

  1. 大大 最近决定把博客迁回国内,安心备案,现在关站等广西通管局审核,所以展示站就访问不了了

    1. Lopwon Lopwon博主
      @ 向阳而长

      没事,只要不是长时间无法访问,就会留着链接。

      1. @ Lopwon

        终于备案好了

        1. Lopwon Lopwon博主
          @ 向阳而长

          恭喜!

  2. Cicada000 Cicada000

    想请问下具体怎么具体怎么使用图片外链,没找到相关插件,自己在这方面知识还很浅薄(捂脸

    1. Lopwon Lopwon博主
      @ Cicada000

      我没有操作过使用图片外链,是有用户在主题版Snapic Plus实现过,单页版Snapic Page刚发布,还没有用户案例,你可以参考主题版的使用文档,尝试按照用户的方法操作研究下。http://www.lopwon.com/snapic-plus.html(页面内搜索“如何让主题支持外链图片”跳至相关内容)

      1. Cicada000 Cicada000
        @ Lopwon

        了解了,待会去试试,谢谢您

  3. 借鉴了各位大大的模板,终于搭建完毕!现在过来申请个snapic-psge网友案例,地址:https://xyezh.com/snapic.html。谢谢大大分享!

    1. Lopwon Lopwon博主
      @ 我昨夜梦到

      已添加,你之前使用的是测试版,我重新给你发了一份正式版,没有太大改变,只修改了一些样式。

      1. @ Lopwon

        谢谢,收到了。谢谢

    2. @ 我昨夜梦到

      打错字了...是Snapic-Page

  4. 祝贺开售!大大,替换加载动图的动图绝对地址有好看的推荐吗,感谢感谢

    1. Lopwon Lopwon博主
      @ 我昨夜梦到

      可以使用 Snapic Plus 里的 loading.gif

      1. @ Lopwon

        谢谢大大,完美解决

T