本文最后由豫见长安更新于2024 年 4 月 5 日，已超过282天没有更新。如果文章内容或图片资源失效，请留言反馈，将会及时处理，谢谢！

模板说明

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

相较于时间线插件 Lopwon Timeline 和 Lopwon Timeline Pro，模板 Lopwon Timeline Pro+ 不仅能插入链接和图片等，而且，每篇文章都可以独立使用不同内容的时间线，互不影响。
A 部署文件

将压缩包里的文件夹 Lopwon 及其内部的所有文件，和文件 Lopwon_Timeline.php 上传至目录 usr/themes 中的你的主题文件夹里。如：你的主题文件夹是 default，那么就上传至 usr/themes/default 里。
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>

注意事项：

以上示例中操作的作用是：在文章页的内容区后接入模板 Lopwon Timeline Pro+ 输出的信息。
如果在 post.php 和 page.php 里没有搜索到 <?php $this->content(); ?> 表明你的主题文章内容区已做了自定义，那么，可以依喜好添加到合适位置。
模板 Lopwon Timeline Pro+ 的样式，有些将沿用你的主题，例如：字体等。如需自定义样式，可自行编辑，详见以下（D 使用技巧）。

C 配置页面

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

添加自定义字段，字段名称填入 ltimeline，乱填无效！
字段值中，严格按照以下格式要求输入内容。

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

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

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

④ 重要：这两对括号是半角括号，不是中文全角括号。另外，括号中输入的内容不要回车换行。
二、加载 jQuery（视情况操作）。时间线功能需要 jQuery 库的支持，在按以上介绍添加自定义字段 ltimeline 后，如果前台提示（未加载 jQuery 库）时，请在该篇文章继续添加自定义字段：

添加自定义字段，字段名称填入 ljq，乱填无效！
字段值填入 yes
提示：如果没有提示（未加载 jQuery 库）则无需操作此步骤，无需添加字段 ljq
D 使用技巧
如何自定义时间线的标题？默认标题为 Lopwon Timeline Pro+，如需自定义标题，请在文章添加自定义字段：

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

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

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

① 添加图片格式：(这里是时间线标题)(这里是时间线内容)

② 添加链接格式：(这里是时间线标题)(这里是时间线带链接内容)

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

豫见长安

Lopwon Timeline（Pro+）

模板说明

相关推荐

热门推荐