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

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


适用程序:Typecho

类型:插件、模板

作者博客:Lopwon.com

演示地址:Lopwon Timeline Pro+

文末为实际演示效果。

使用方法

部署文件:

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

调用模板:

打开主题文件 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+ 的样式,有些将沿用你的主题,例如:字体等。如需自定义样式,可自行编辑,详见以下(使用技巧)。

配置页面(内容页面添加自定义字段):

点击查看图示>>>

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

  1. 添加自定义字段,字段名称填入 ltimeline,乱填无效!
  2. 字段值中,严格按照以下格式要求输入内容。
    ① 原理:每行内容由“两对”半角括号 () 组成,对应输出前台的一个方块信息。第一对输出标题,第二对输出描述。
    ② 格式:(内容)(内容)
    ③ 示例:(2022年)(制作发布了 Typecho “时间线”插件 Lopwon Timeline)
    ④ 重要:这两对括号是半角括号,不是中文全角括号。另外,括号中输入的内容不要回车换行。

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

  1. 添加自定义字段,字段名称填入 ljq,乱填无效!
  2. 字段值填入 yes
  3. 提示:如果没有提示(未加载 jQuery 库)则无需操作此步骤,无需添加字段 ljq

使用技巧:

  1. 如何自定义时间线的标题?默认标题为 Lopwon Timeline Pro+,如需自定义标题,请在文章添加自定义字段:
    ① 添加自定义字段,字段名称填入 ltitle,乱填无效!
    ② 字段值填入自定义的标题。
  2. 如何添加图片或链接?使用 HTML 标签和属性,示例:
    ① 添加图片格式:(这里是时间线标题)(<img src="图片链接" />这里是时间线内容)
    ② 添加链接格式:(这里是时间线标题)(这里是时间线带 链接 内容)
  3. 如何自定义时间线样式?请前往 lopwon/css 编辑文件 lopwon.timeline.css
最后修改:2024 年 11 月 09 日
如果觉得我的文章对你有用,请随意赞赏