Lopwon Timeline Pro+ 使用文档

2023-05-17


版本型号: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 TimelineLopwon Timeline Pro,模板 Lopwon Timeline Pro+ 不仅能插入链接和图片等,而且,每篇文章都可以独立使用不同内容的时间线,互不影响,感谢网友 #光年 提出的点子。


模板更新

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


使用方法

A 部署文件

1. 将压缩包里的文件夹 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>

注意事项:

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 行。
Store

17 条评论

  1. c cx 11

    已付款

    1. Lopwon Lopwon 博主
      @ cx

      已发送。

  2. F FireCoralFish 4

    已购买

    1. Lopwon Lopwon 博主
      @ FireCoralFish

      已发送。

  3. 决明 2

    已购买pro+

    1. Lopwon Lopwon 博主
      @ 决明

      不要留 Gmail 邮箱,会被退信,需要提供不是 Gmail 的邮箱收取文件包。

      1. 决明 2
        @ Lopwon

        不好意思刚才没理解您说的,289388****@qq.com

        1. Lopwon Lopwon 博主
          @ 决明

          已发送。

          1. 决明 6
            @ Lopwon

            ok,收到啦~谢谢大佬~

          2. 决明 6
            @ Lopwon

            是在发送中吗?我这边没有收到 😭

            1. Lopwon Lopwon 博主
              @ 决明

              嗯,看到这里提示发送失败,已经重新发送。

  4. 酷酷哒 1

    已支持,期待更好作品~

    1. Lopwon Lopwon 博主
      @ 酷酷哒

      已发送。

  5. 凌啊哟 1

    这才是我心目中的时间线显示!大爱作者,要是能蹲一个我能直接上天!!,对了弱弱的问下,有什么办法可以让不点击时间线以及让其全部显示吗

    1. Lopwon Lopwon 博主
      @ 凌啊哟

      使用文档已更新,详见(D 使用技巧)第 4 点。

  6. 光年 7

    博主好效率!

    1. Lopwon Lopwon 博主
      @ 光年

      有现成的插件改成模板就快很多,主要是你提出的好点子,现在看来,这款模板比插件实用,没有那么局限。

准备下山 准备下山
Snapic Plus v5
使用 Lopwon POP 实现