Lopwon Timeline Pro+
能让你的 Typecho 博客显示时间线,可指定显示内容,可指定显示位置。可以用来呈现“个人历程”,“大事件”,也可以用来展示“微言”或者“说说”,还可以作为问答(Q & A)等等。
相较于时间线插件 Lopwon Timeline 和 Lopwon Timeline Pro,模板 Lopwon Timeline Pro+ 不仅能插入链接和图片等,而且,每篇文章都可以独立使用不同内容的时间线,互不影响。
Author:Lopwon:立云图志
适用程序:Typecho
类型:插件、模板
作者博客:Lopwon.com
演示地址:Lopwon Timeline Pro+
文末为实际演示效果。
使用方法
部署文件:
- 将压缩包里的文件夹 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>
注意事项:
- 以上示例中操作的作用是:在文章页的内容区后接入模板 Lopwon Timeline Pro+ 输出的信息。
- 如果在 post.php 和 page.php 里没有搜索到 <?php $this->content(); ?> 表明你的主题文章内容区已做了自定义,那么,可以依喜好添加到合适位置。
- 模板 Lopwon Timeline Pro+ 的样式,有些将沿用你的主题,例如:字体等。如需自定义样式,可自行编辑,详见以下(使用技巧)。
配置页面(内容页面添加自定义字段):
点击查看图示>>>一、开启功能(必选项)。在要使用时间线的文章添加自定义字段:
- 添加自定义字段,字段名称填入 ltimeline,乱填无效!
- 字段值中,严格按照以下格式要求输入内容。
① 原理:每行内容由“两对”半角括号 () 组成,对应输出前台的一个方块信息。第一对输出标题,第二对输出描述。
② 格式:(内容)(内容)
③ 示例:(2022年)(制作发布了 Typecho “时间线”插件 Lopwon Timeline)
④ 重要:这两对括号是半角括号,不是中文全角括号。另外,括号中输入的内容不要回车换行。
二、加载 jQuery(视情况操作)。时间线功能需要 jQuery 库的支持,在按以上介绍添加自定义字段 ltimeline 后,如果前台提示(未加载 jQuery 库)时,请在该篇文章继续添加自定义字段:
- 添加自定义字段,字段名称填入 ljq,乱填无效!
- 字段值填入 yes
- 提示:如果没有提示(未加载 jQuery 库)则无需操作此步骤,无需添加字段 ljq
使用技巧:
- 如何自定义时间线的标题?默认标题为 Lopwon Timeline Pro+,如需自定义标题,请在文章添加自定义字段:
① 添加自定义字段,字段名称填入 ltitle,乱填无效!
② 字段值填入自定义的标题。- 如何添加图片或链接?使用 HTML 标签和属性,示例:
① 添加图片格式:(这里是时间线标题)(<img src="图片链接" />
这里是时间线内容)
② 添加链接格式:(这里是时间线标题)(这里是时间线带 链接 内容)- 如何自定义时间线样式?请前往 lopwon/css 编辑文件 lopwon.timeline.css