Lopwon Timeline Pro+ 使用文档

版本型号：Lopwon Timeline（Pro+）
适用程序：Typecho
皮肤类型：模板
模板作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/lopwon-timeline-pro-2B.html
许可方式：付费使用
官方演示：Lopwon Timeline Pro+

我要购买：3.30元/人

付款时别忘了留下邮箱收取文件包，勿留 Gmail 邮箱。

模板说明

Lopwon Timeline Pro+ 能让你的 Typecho 博客显示时间线，可指定显示内容，可指定显示位置。可以用来呈现“个人历程”，也可以用来展示“微言”或者“说说”，还可以作为问答（Q & A）等等。

相较于时间线插件 Lopwon Timeline 和 Lopwon Timeline Pro，模板 Lopwon Timeline Pro+ 不仅能插入链接和图片等，而且，每篇文章都可以独立使用不同内容的时间线，互不影响，感谢网友光年提出的点子。

模板更新

2023年05月17日 发布 Lopwon Timeline Pro+

使用方法

A 部署文件

1. 将压缩包里的文件夹 Lopwon 及其内部的所有文件，和文件 Lopwon_Timeline.php 上传至目录 usr/themes 中的你的主题文件夹里。

B 调用模板

打开主题文件 post.php 和 page.php 分别搜索找到：

    <?php $this->content(); ?>

在其后面添加

    <?php $this->need('Lopwon_Timeline.php'); ?>

例如，在 Typecho 默认模板 post.php 添加后将呈现为

    <div class="post-content" itemprop="articleBody">
        <?php $this->content(); ?>
        <?php $this->need('Lopwon_Timeline.php'); ?>
    </div>

注意事项：

1. 以上示例中操作的作用是：在文章页的内容区后接入模板 Lopwon Timeline Pro+ 输出的信息。

2. 如果在 post.php 和 page.php 里没有搜索到 <?php $this->content(); ?> 表明你的主题文章内容区已做了自定义，那么，可以依喜好添加到合适位置。

3. 模板 Lopwon Timeline Pro+ 的样式，有些将沿用你的主题，例如：字体等。如需自定义样式，可自行编辑，详见以下（D 使用技巧）。

C 配置页面

一、开启功能（必选项）。在要使用时间线的文章添加自定义字段：

1. 添加自定义字段，字段名称填入 ltimeline，乱填无效！

2. 字段值中，严格按照以下格式要求输入内容。

① 原理：每行内容由“两对”半角括号 () 组成，对应输出前台的一个方块信息。第一对输出标题，第二对输出描述。

② 格式：(内容)(内容)

③ 示例：(2022年)(制作发布了 Typecho “时间线”插件 Lopwon Timeline)

④ 重要：这两对括号是半角括号，不是中文全角括号。另外，括号中输入的内容不要回车换行。

二、加载 jQuery（视情况操作）。时间线功能需要 jQuery 库的支持，在按以上介绍添加自定义字段 ltimeline 后，如果前台提示（未加载 jQuery 库）时，请在该篇文章继续添加自定义字段：

1. 添加自定义字段，字段名称填入 ljq，乱填无效！

2. 字段值填入 yes

3. 提示：如果没有提示（未加载 jQuery 库）则无需操作此步骤，无需添加字段 ljq

D 使用技巧

1. 如何自定义时间线的标题？默认标题为 Lopwon Timeline Pro+，如需自定义标题，请在文章添加自定义字段：

① 添加自定义字段，字段名称填入 ltitle，乱填无效！

② 字段值填入自定义的标题。

2. 如何添加图片或链接？使用 HTML 标签和属性，示例：

① 添加图片格式：(这里是时间线标题)(<img src="图片链接" />这里是时间线内容)

② 添加链接格式：(这里是时间线标题)(这里是时间线带 <a href="跳转链接">链接</a> 内容)

3. 如何自定义时间线样式？请前往 lopwon/css 编辑文件 lopwon.timeline.css

4. 如何在打开页面时，时间线默认为全部展开？打开文件 Lopwon_Timeline.php 在第 32 行的 class 里添加 open 可参照第 30 行。