README

此扩展提供了一个名为 "时间轴"（ce_timeline）的新内容元素，其中包含不同时间轴条目的内联记录。请注意，这不是插件，默认情况下在任意列表视图中都没有可见的记录。请随意使用代码或扩展作为您自己的基础。

主要功能

用户友好：简单设置和处理。
响应式且灵活：在各种设备上表现良好，提供四种条目类型（时间、文本、图像、HTML）。
可定制：包含浅色、深色和粉红色的样式表，并支持自定义 CSS/SASS。
多语言支持：有英语、德语和西班牙语版本。
兼容性：与 bootstrap_package 和类似扩展无缝集成。

^*（相册功能带有自己的独立 JavaScript！）

在线演示和截图

https://simonkoehler.com/typo3-extensions/timeline-content-element

从版本 3.xx 升级到版本 4.0.0

只需安装并覆盖扩展。如果前端或后端出现错误，请确保已清除缓存。

安装

通过扩展管理器或 https://extensions.typo3.org/extension/ce_timeline/ 下载并安装此扩展。

基本配置

要使此扩展运行，您不需要进行太多配置。

将静态 TypoScript（时间轴 - 内容元素）添加到您的模板记录
如果您想使用“新内容元素向导”，请将静态页面配置（时间轴内容元素）添加到您的根页面
选择一个静态 TypoScript（例如，时间轴样式 - 默认），以便使时间轴看起来更美观
添加一个类型为“时间轴”的内容元素并添加一些条目
要使用相册功能，您需要在模板记录中包含静态 TypoScript
祝您玩得开心！

需要自定义 CSS 样式或甚至 SASS 吗？

没问题！只需不要包含上面提到的静态 TypoScript，该扩展将只渲染纯 HTML。如果您想使用扩展的样式，请随意使用“Resources/Private/Scss”中的 SASS 文件并根据您的需要进行更改。

更改模板文件

由于这不是插件，而是一个常规内容元素，因此您需要更改以下路径，以便用您自己的路径覆盖 HTML/Fluid 模板路径

页面设置

lib.contentElement{
    templateRootPaths{
        1277 = EXT:ce_timeline/Resources/Private/Templates/
    }
    partialRootPaths{
        1277 = EXT:ce_timeline/Resources/Private/Partials/
    }
}

模板文件

您需要复制以下文件以覆盖它们

主模板文件：https://github.com/fullstackfreelancer/ce_timeline/blob/master/Resources/Private/Templates/Timeline.html

部分：https://github.com/fullstackfreelancer/ce_timeline/tree/master/Resources/Private/Partials

支持与服务

如果您对此扩展有任何问题，请告诉我！请随时发送消息：https://simonkoehler.com/contact

帮助我保持此扩展更新！

很多时候如果有特殊要求，我都是免费做的。我相信开源和免费软件的力量。我也相信你和你的项目。如果你喜欢我的工作，并且想要确保进一步的发展，请不要犹豫在这里捐款：https://paypal.me/fullstackfreelancer

fullstackfreelancer / ce-timeline

维护者

详细信息