时间线

时间表将日期列表变成人们实际阅读的内容:公司历史、产品路线图、项目进度表、分步流程。 时间线 小部件在 Elementor 的主插件 builds所有这些。您可以直接从博客文章中提取条目或键入自己的自定义项目,然后将它们显示为垂直线,水平条或滑动旋转木马。

它是集合中更灵活的小部件之一,因为相同的内容可以在布局之间切换一次下拉。下面是浏览两种时间线类型、所有三种布局以及卡片、日期、线条和点的造型控制。

Timeline 小部件的作用 #

Widget 沿着一条连接线排列日期条目,每个条目都是一张卡片,上面有日期、标题、一些文字和可选图像,并且该行在卡片之间运行,每个卡片都有一个点标记。

有两种方法可以填充它。 发布时间表 按日期顺序拉取您的 WordPress 帖子,因此时间线会在您发布时自行更新。 自定义时间表 让您可以手动添加任何非博客文章的项目,例如创建日期或发布说明。该小部件具有三个选项卡:数据和布局的内容、外观的样式以及通常的元素选项的高级选项。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
• 您想要显示的日期和条目,或者如果您使用帖子时间表,则发布帖子。

如何添加时间线小部件 #

在 Elementor 编辑器中,打开 元素 面板和搜索 时间线的,(或)滚动到主插件部分。将其拖到您的页面上。它加载了示例条目,因此您从工作布局开始,而不是空白布局。

帖子时间表:从您的帖子中提取条目 #

套 时间轴类型 到 发布时间表 widget 就是从你的博客文章中构建起来的。当你想要一个新闻、发布或文章的时间表,让自己保持最新状态时,就达到这个目标。

• 忽略粘性: 跳过粘性帖子,这样它们就不会跳到顶部。
• 启用链接: make 每张卡链接到它的帖子。如果卡内容内部有链接,请将其关闭,因为链接卡内部的链接将不起作用。
• 标题: 显示或隐藏帖子标题,为其提供链接,并设置标题标签(默认情况下为 H2)。
• 缩略图: 显示特色图像并选择其分辨率。
• 日期: 设置每张卡上显示的日期和时间格式。
• 查询: 每页帖子、帖子顺序和偏移帖子计数控制出现多少帖子以及以什么顺序出现。

自定义时间表:添加您自己的项目 #

套 时间轴类型 到 自定义时间表 和一个 项目 repeater出现,每一项都是时间轴上的一个条目,有自己的日期、标题、内容、图像,使用 添加项目 要添加条目,请将复制图标复制到复制条目,然后将 X 复制图标删除。

这是历史页面、路线图或任何不受博客文章驱动的序列的类型。打开一个项目来设置其日期、标题、描述文本以及卡片的可选图像。

选择时间轴样式 #

选择自定义时间线后, 时间表样式 下拉开关之间 垂直时间线 並 水平时间表。将卡片垂直堆叠到一条中心线上,日期左右交替。水平放置页面上的条目,作为您滚动浏览的行。

水平时间线的导航 #

水平样式开启 a 导航 控制访问者如何浏览条目的部分。

• 导航: 选择箭头、滚动条或无箭头。
• 箭头位置和位置: 设置箭头所在的位置以及它们是在时间线内部还是外部。
• 下一个和上一个图标: 在您自己的图标中交换箭头。
• 手机上隐藏箭头: 将箭头藏在那里,清理小屏幕。

旋转木马设置 #

水平时间线可以作为滑块运行。 旋转木马设置 部分设置其移动方式,包括使侧卡成角度的覆盖流布局。

• 布局: 标准幻灯片或 Coverflow 效果。
• 自动播放和自动播放速度: 以设定的速度自行推进幻灯片。
• 暂停悬停、循环和滑动滚动: 微调旋转木马的行为方式。
• 动画速度: 每个过渡运行的速度有多快。

样式时间线 #

的 风格 tab 将时间轴分成可以自行风格的部分: 布局, 图像, 卡, 箭, 日期, 线, 积分、和 导航另外 图案 (一个专业选项)。

的 积分 section就是一个很好的例子,你可以把每个点设置成一个图标,选择它的大小,并给它默认、悬停和聚焦颜色,所以活动卡上的标记是突出的。

• 布局: 水平和垂直对齐、卡片间距以及反向卡片位置切换。
• 卡片: 背景、边框、半径、盒子阴影、填充物和物品间隙。
• 日期和线路: 日期印刷和颜色,加上线路的背景、进度颜色和厚度。
• 分: 每个状态的点类型、大小和颜色。

页面上的结果 #

Publish或preview和时间线渲染与您的卡片,日期,线,和点在适当的位置。这里有一个垂直的时间线,交替的卡片和彩色连接线,适合历史或路线图部分的布局。

常见用例 #

• 公司历史 垂直线上有成立日期和里程碑。
• 产品路线图 显示过去的版本以及接下来会发生什么。
• 项目时间表 呈水平相条状布置。
• 博客或新闻源 用《邮政时间线》自动构建。
• 分步流程 每个步骤都有日期或阶段。

使用时间线小部件的技巧 #

• 使用"发布时间线"来更新任何内容。 新闻和发布日志保持最新状态,无需再次触摸小部件。
• 保持卡片文本短。 标题和两三行读起来最好,尤其是在水平布局中。
• 将布局与内容相匹配。 长历史适合垂直;少数阶段水平运作良好。
• 设置行进颜色。 不同的进度颜色显示访客在时间轴下滚动了多远。
• 如果卡包含链接,请关闭启用链接。 Linked卡里面的链接不行,挑一个或者另一个,这个经常绊人。

常见问题 #

包裹起来 #

Timeline 小部件将一组日期变成清晰的视觉序列,无论条目来自您的帖子还是您自己的自定义项目,选择类型,选择垂直、水平或旋转木马,然后对卡片、行和点进行样式,以匹配您的页面相关布局工具,请参阅 更改日志小部件 和 博客文章小部件,浏览全文 主插件小部件和扩展并且检查 定价页面 对于每个计划包含的内容。