Snapic Plus 使用文档

2020-03-21


版本型号:Snapic Plus(主题版)
适用程序:Typecho
皮肤类型:主题
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic.html
官方演示:无

主题 Snapic Plus 已停售,最新版本为 Snapic Plus v5,请移步至《Snapic Plus v5 使用文档》。


主题说明

与旧版主题 Snapic Free 相比,新版主题 Snapic Plus 不使用插件,不使用自定义字段,不用填写图片高度,使用全新响应式瀑布流框架,综合网友建议,新增了一些功能,优化了一些样式。

1. 主题 Snapic Plus 适用于图片类博客,使用瀑布流(masonry)的方式延时加载(lazyload)展示图片文章,同时支持图片灯箱(fancybox)效果。

2. 主题 Snapic Plus 删减了大多数功能:没有侧栏,没有留言,没有导航。

3. 分类页 archive 和搜索页沿用首页 index;独立页 page 沿用文章页 post。文章页 post 只支持移动端显示,且未在首页开启链接,仅用于搜索引擎抓取页面。

主要功能
1. 首页大图。可设置显示或隐藏,可选择设置电脑端和手机端独立显示不同的图片,图片可以自定义文字介绍信息。

2. 广告版块。可设置显示或隐藏,默认位置在第八方块(不含置顶方块),如果页面中不足七个方块,则不显示。

3. 单篇相册。首页上,一个方块对应一篇文章,如文章中有多张图片,则以单篇相册的方式展示。点击该方块首图后,显示的是单篇文章内的所有图片集。需要注意的是,只有当插入文章中的图片数量大于等于2张时,首图左上角才会显示张数标签。

4. 置顶图文。可设置显示或隐藏,作用是将某一篇你认为重要的独立页面文章图片置顶,可以作为博客介绍之用等。

5. 可自定义是否显示或隐藏标题、摘要、分类标签和搜索。

主题更新

2022年03月12日 解决使用 Typecho 1.2.0(或开发版)导致的显示错误,感谢网友 #humh 的反馈。修复方法:

1. 请将微信付款凭证截图发送至 Lopwon@qq.com 后,给你提供修复文件。

2. 或者在你之前收取文件包的邮件里,通过回复该邮件发送信息索取修复文件。

2020年03月30日 解决单篇相册无法读取附件除 jpg 以外的图片格式。修复方法:

1. 后台》控制台》外观》设置外观》编辑当前外观》functions.php。

2. 搜索 'image/jpeg'(注意包含单引号),替换为 'image/jpeg' or 'image/png' or 'image/gif' or 'image/bmp'

3. 保存文件,即可。

2020年03月21日 发布 Snapic Plus


使用方法

请将主题文件夹 SnapicPlus 上传至目录 usr/themes 中,在后台启用即可。

A 首页大图

如何建立首页大图?(图示

1. 后台》控制台》外观》设置外观,分别填入电脑和手机端的首图链接和简述。

2. 电脑端首图,建议图片尺寸为宽3200,高1800。也就是16:9的比例。对显示效果无要求的,可无视。

3. 手机端首图,建议图片尺寸为宽900,高1600。也就是9:16的比例。对显示效果无要求的,可无视。

4. 依个人喜好,点选无图、单图或双图的首图类型。

5 .使用小技巧,把电脑和手机端需要显示的首图,以附件上传的形式添加到以下新建独立页面(about)中,获取链接即可。

B 置顶图文

如何建立置顶图文?(图示

1. 在后台新建独立页面,页面缩略名必须填入 about,乱填无效!

2. 上传图片,并把图片插入文章中,才会显示(注意:压缩包版本为v3.0.1的,也可以不用插入文章中),作为前台文章缩略图使用(其他文章的缩略图读取上传附件的第一张图片)。如果你使用的是(https),前台缩略图不显示的话,可以尝试修改文件 functions.php,搜索(http)改为(https)

3. 在文本框中输入内容,即在前台输出摘要。注意:摘要不支持超链接显示。

如何隐藏置顶图文?(图示

1. 在编辑页面,点开右侧的“高级选项”,在“公开度”选择“隐藏”即可(注意:压缩包版本为v3.0.1的,请在后台》控制台》外观》设置外观,勾选“显示关于”。而在编辑页面使用高级选项》公开度》隐藏,将不再生效)。

C 单篇相册

什么是单篇相册?(图示

1. 文章在前台显示的缩略图,源自每篇文章附件中的第一张图片(置顶图文的缩略图读取插入文章中的第一张图片),可以不用把图片插入文章中。如果附件中没有图片,缩略图默认为加载动画的动图 img/loading.gif。

2. 如果在同一篇文章中,以附件上传的形式添加了多张图片,则在前台自动生成单篇相册(即摄影中的组图效果),可以不用把图片插入文章中。

如何让单篇相册的左上角显示张数标签?(图示

1. 如果在同一篇文章中,以附件上传的形式添加了多张图片,又需要前台显示图册的张数标签,就需要把附件中的图片都插入文章中,否则不会显示。

2. 只有当插入文章中的图片大于等于2张时,才会显示,插入几张就会显示几张的标签(如:上传附件5张,插入文中3张,前台角标显示的是3P)。

3. 使用小技巧,如果你的附件中上传了好多张图片,比如99张。如果一张一张插入文章中,会很累人,你可以参考这篇教程修改代码增添功能后,实现一键插入所有附件中的图片到文章中。https://www.ruletree.club/archives/1324/

如何显示文章标题和摘要?(图示

1. 按照发布文章的正常方式操作即可,标题栏输入标题,文本框输入内容。

D 设置外观

如何自定义外观?(图示

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

E 图片外链

如何让主题支持外链图片?

1. 本主题,暂时不支持外链图片,也就是图片必须以附件上传的形式添加。如果使用图床,需要自己通过插件并修改主题代码实现,请参考以下建议自行研究。

2. 方法一:可以联系用户“阿凯”,他已在 Snapic Plus 的主题上实现使用外链图片的功能,邮箱 caodanv@gmail.com

3. 方法二:可以参阅用户“掌印豪杰”编写的教程 http://zhangyin.org/post/242.html

4. 方法三:可以参阅用户“海不眠”编写的教程 https://wcnmb.cn/8.html(原网址已无效 https://catiz.cn/139.html)

5. 方法四:可以参阅用户“天祈”编写的教程 https://www.sakurafly.com/archives/18

F 使用技巧

如何约束长图高度?

文件夹 css 里 style.css 文件,添加样式

    .grid__link {
        max-height: 720px;
        overflow: hidden;
    }

如何模拟无限加载功能?

后台》设置》阅读》每页文章数目,修改为999或者更大数,使首页不分页。

如何在二级目录下使用 Snapic Plus 主题?

修改文件 index.php 第91行三处(注意:压缩包版本为v3.0.1的,在第92行),分别为 href 和 src 及 data-original 里的 $this 前,添加 /二级目录文件夹名称/ (注意包含前后两个斜杠)。

如何赋予 Snapic Plus 主题更个性的样式和添加视频功能?

1. 方法一:可以参阅用户“某猫”编写的教程 https://imashen.cn/897

2. 方法二:可以参阅用户“天祈”编写的教程 https://www.sakurafly.com/archives/18

如何在文章编辑页显示附件缩略图?

将下面这段代码块放入 admin/file-upload.php 第25行 </div> 后。

    <p><img src="<?php $attachment->attachment->url(); ?>" alt="<?php $attachment->attachment->name(); ?>" class="typecho-attachment-photo" /></p>

Store

243 条评论

  1. 已经付款 3

    已经付款 请发送~

    1. Lopwon Lopwon 博主
      @ 已经付款

      已发送!

  2. B Bo人 1

    ****@qq.com
    请发送

    1. Lopwon Lopwon 博主
      @ Bo人

      已发送!

  3. 是酱儿鸭 3

    ****@qq.com,请发送

    1. Lopwon Lopwon 博主
      @ 是酱儿鸭

      已发送!

      1. 是酱儿鸭 3
        @ Lopwon

        未在邮箱收到,不知道是出了什么情况

        1. Lopwon Lopwon 博主
          @ 是酱儿鸭

          抱歉,复制邮箱时少了一位数字,已经重新发送,请查收!

          1. 是酱儿鸭 3
            @ Lopwon

            已收到。

  4. m martialwu 2

    2.1旧版本不显示文章标题和创建时间呢。请问有解决办法吗?
    http://look.****.cf:8068/page/1/

    1. Lopwon Lopwon 博主
      @ martialwu

      看过,你的图片自定义字段高度没有生效,旧版的好像没有显示标题的功能,需要自己修改主题代码。

      1. m martialwu 2
        @ Lopwon

        百度了一下,没搜素到怎么修改主题代码,添加显示标题、时间、分类的教程。不知道博主有没有推荐的教程。
        另外,我发现,在后台点击浏览会显示图片和说明文字,而前台点击只能放到显示图片本身。演示的3.0版本好像也是这样。

        1. Lopwon Lopwon 博主
          @ martialwu

          修改主题代码的方法可以到Typecho官网查看文档,点击后没有进入文章页已经在使用文档说明。

  5. 1 1215 1

    请问下这统计代码放哪,或者怎么统计网站访问量,谢谢~

    1. Lopwon Lopwon 博主
      @ 1215

      打开index.php放在两个head之间。

  6. 酷曦 1

    我已经购买了

    1. Lopwon Lopwon 博主
      @ 酷曦

      已发送。

  7. 波妞 5

    Snapic Plus上传的视频不能预览,也不显示,一直加载不出来,只有点开才能播放视频,这个怎么搞?

    1. Lopwon Lopwon 博主
      @ 波妞

      主题不支持视频功能,演示网站的视频是实验性功能,并未在主题中使用,请知悉!

      1. 波妞 5
        @ Lopwon

        后续是否继续开发,其实有个视频首图就可以,不需要预览,目前添加视频后一直显示加载中,点开也是可以播放的。

        1. Lopwon Lopwon 博主
          @ 波妞

          嗯,建议你修改下博客程序的文件(var/HyperDown.php)里,第17行,在(small)后添加(|video)。

        2. Lopwon Lopwon 博主
          @ 波妞

          主题已经定版,不做升级,如果你要添加视频功能,建议你使用第三方支持H5播放的程序,官方演示测试预览的视频使用的是CKIN程序(https://hunzaboy.****.io/Ckin-Video-Player/),你可以自行研究添加到主题里。

          1. 浮生奈何 4
            @ Lopwon

            视频也要上传本地吗

            1. Lopwon Lopwon 博主
              @ 浮生奈何

              主题不支持视频,请知悉!

          2. 波妞 5
            @ Lopwon

            CKIN程序,不会弄,百度不出来,是否可协助搞一下

          3. 波妞 5
            @ Lopwon

            非常感谢!

            1. t taylor 6
              @ 波妞

              其实特别简单,用不了几分钟就能加好这个功能,按照文档来
              https://****.com/hunzaboy/Ckin-Video-Player
              我用了5分钟就完成了
              可以康一下
              https://g.****.cn/

              1. 天祈 2
                @ taylor

                你好 请求一下 我已经分别在首部和尾部添加了相应的ckin.css和ckin.js,但是在md编辑器中该如何编辑呢???不论是使用ckin文档中单纯的video标签还是嵌套在!!!之中,都不能正常显示。似乎!!!中的内容不会被正常的渲染,有时间的话受累指教一下,感激不尽

                1. t taylor 6
                  @ 天祈

                  啊哈,我是在typecho加了一个帖子类型,把视频归档为了一种单独的帖子类型,发布的时候选取即可,但是方案还不是很成熟,等寒假我就有空啦~~~到时候可以联系我的哦 +V:Taylor_Lottner +Q:1535686711 +TG:@imashen

              2. Lopwon Lopwon 博主
                @ taylor

                感谢支持!

评论已隐藏

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