Lopwon ATF 使用文档

2022-04-23


版本型号:Lopwon ATF
适用程序:Typecho
皮肤类型:页面模板
模板作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/lopwon-atf.html
官方演示:Above the Fold


模板说明

Lopwon ATF 是独立页面的自定义模板(非主题)。通过识别文章内容中的图片,输出自适应的全屏幻灯片,展示在博客首屏,无JS。

注意:此模板仅供自用,请勿分发,请勿商用,且不对你在使用中产生的任何问题造成的不良后果,承担责任。

模板更新

2023年05月09日 发布 Lopwon ATF v1.1 新增识别其他格式图片,优化代码和样式。

2022年04月23日 发布 Lopwon ATF

使用方法

A 部署文件

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

B 配置页面

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

1. 此编辑页面左侧的“内容文本框”里,插入三张图片。可以通过附件上传插入,也可以通过插入链接或插入图片的方式添加。

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

3. 此编辑页面右侧的“高级选项”,请保持“公开度”为“公开”。

4. 注意:幻灯片只读取“内容文本框”里的前三张图片,不输出其他内容和图片。另外,头像获取自 Gravatar,请确保该服务访问顺畅。

C 设置首页

后台》设置》阅读》站点首页,选择使用 Lopwon ATF 页面作为首页。

1. 提示:若不想使用 Lopwon ATF 作为博客首屏时,将此项恢复为“显示最新发布的文章”。并将之前建立的独立页面的“公开度”设置为“隐藏”,即可。
Store

8 条评论

  1. L LOFI.ICU 3

    博主您好,能不能不设限制读取3张图片呀,或者是能读取6张也行,我不太懂代码,照着评论区的朋友发的代码修改也没成功,您要是不忙麻烦解答下,很喜欢您制作的免费模板和插件,感谢~!

    1. Lopwon Lopwon 博主
      @ LOFI.ICU

      单单修改文件 Lopwon_ATF.php 里的 k < 3 为 k < 6 是不行的,主要是依靠样式文件 lopwon.atf.css 中 imageAnimation 控制,不建议修改,我设定三张图片,就已经累得半死,不仅要设定秒数,还要设定百分比和缩放比例。

      1. L LOFI.ICU 3
        @ Lopwon

        原来实现效果需要花费那么大精力,真心佩服,那就这样非常好了,把您的模板都试用了,还是最喜欢这个。

  2. 康露依 4

    发现了一个bug:每个图片会重复两遍
    解决方法:将32行的for循环的“循环条件”改为“k

    1. 康露依 4
      @ 康露依

      "循环条件”改为“k=6”,“循环变量更新”改为“k+=2”

      1. 康露依 4
        @ 康露依

        既:“for ($k=0; $k < 6; $k+=2)”

  3. D Dow 1

    感谢分享

    1. Lopwon Lopwon 博主
      @ Dow

      不客气。

准备下山 准备下山
Snapic Plus v5
使用 Lopwon POP 实现
我要下载中奖率 90%