免费元素时间线小部件:垂直和水平时间线

Timeline 是 Elementor 的免费 Master Addons 小部件,可沿着连接线列出日期和事件。手动构建自定义时间线,每个项目都有日期或标签、丰富的内容、图像和链接,并垂直显示或作为水平旋转木马。通过 Master Addons Pro,您还可以直接从博客文章构建帖子时间线。它适合公司历史、路线图、活动时间表和新闻档案。

Elementor 时间轴小部件中自定义和发布时间轴类型

自定义时间表(免费)或发布时间表(专业)

Custom Timeline是免费选项,每个项目都得到一个日期,你可以交换一个自定义标签,如“Phase 1”, 富文本内容区, 图片和整张卡的可选链接,项目还可以有自己的点和颜色设置。Post Timeline, Pro的一部分,从你的帖子中构建时间轴:按类别,标签或作者过滤,排除特定帖子,设置顺序和偏移,并选择是否显示标题,特色图片和摘录。

  • 自定义时间线:每个项目的日期或自定义标签、内容、图像和链接。
  • 点、卡和日期颜色的每件造型。
  • 帖子时间线 (Pro):类别、标签和作者过滤器、排除帖子、偏移和顺序。
  • 明信片可以显示标题、特色图像、摘录和阅读更多链接。

垂直时间线或水平旋转木马

Vertical Timeline 沿中心线堆叠卡片,向左、居中、居右或作为叠加,用一个开关反转卡片位置,可用于自定义时间线的 Horizontal Timeline 将物品变成转盘,选择标准幻灯片或 Coverflow 布局,打开自动播放和循环,并选择带有箭头、点、分数计数器或进度条的导航。

  • 垂直对齐:左、中、右或叠加,具有可逆卡位置。
  • 带旋转木马或 Coverflow 布局的水平旋转木马、自动播放和循环。
  • 使用箭头、点、分数、进度条或滚动条进行导航。
  • 卡的水平和垂直间距控制。
Elementor 中的垂直和水平时间线布局
完整的中央线和点造型

线条和点造型

Style the line,带有背景颜色、进度颜色、厚度和边框,点可以是普通点、图标、图像、数字或字母,并且每个点都有默认、悬停和大小、背景颜色、点颜色和文本阴影的聚焦样式,这样,访问者正在看到的里程碑从其他的里程碑中脱颖而出。

  • 线背景、进度颜色、厚度和边框。
  • 五种点类型:点、图标、图像、数字或字母。
  • 每个点的默认状态、悬停状态和聚焦状态。

卡片和日期造型与动画

Cards get padding, margin, content padding, border cadius 和单独的标题和内容排版,它们的颜色,背景,框阴影和文本阴影可以跨越默认,悬停和聚焦状态变化打开动画卡片,在每个卡片滚动到视图中时显示日期,所有三种状态都有自己的排版,填充,margin,文本阴影和颜色。

  • 卡间距、半径和排版控制。
  • 卡片和日期的默认、悬停和聚焦样式。
  • 动画卡片可在物品滚动到视野中时显示物品。
卡片和日期造型与动画

自定义时间线与后时间线

Elementor 的免费版本或专业版都没有时间轴小部件,因此如果没有附加组件,您将从列、分隔符和自定义 CSS 构建一个。以下是两种时间轴类型的比较方法。

自定义时间表发布时间表
价格免费的硕士插件专业版
内容您在面板中添加的项目您发布的帖子
更新当您编辑项目时每次您发布帖子
布局垂直或水平旋转木马垂直
每个条目都显示日期或标签、内容、图像、链接标题、特色图片、日期、摘录、阅读更多
最好的历史、路线图、时间表新闻档案、发布说明

对于时间线旁边的完整帖子网格,请使用免费 博客小部件.要显示里程碑后面的数字,请添加 反击.

模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
发布时间表
发布时间表
里程碑
里程碑
黑暗变化日志
黑暗变化日志
横向路线图
横向路线图
发布时间表博客
发布时间表博客
案例研究图像
案例研究图像
叠加步骤
叠加步骤
活动议程
活动议程

如何在 Elementor 中添加时间线

这些步骤构建了一个免费的自定义时间线。小部件以三个示例项目开始,因此您可以在更改任何内容之前看到布局。

  1. Elementor中,在小部件面板中搜索“时间线”,并将主插件小部件拖到页面上。
  2. 在自定义时间轴上保留时间轴类型并选择垂直时间轴或水平时间轴。
  3. Items 下打开每一行,并设置日期或自定义标签、内容、图像和链接。
  4. 单击"添加项目"以获取更多里程碑,然后拖动行以重新排序。
  5. 对于水平时间线,设置导航和旋转木马设置。
  6. "样式"选项卡中的卡片、日期、行和点进行样式化, 然后发布。

我们的 时间表教程 用屏幕截图浏览每个设置。

时间轴常见问题

了解用户对 Timeline 的询问最多的查询,并在一个地方找到答案。
我应该使用邮政时间表还是自定义时间表?

使用自定义时间线,这是免费的,当您想要控制每个日期和条目时,例如我们的历史页面或路线图。当时间线应该从您的博客文章中更新时,使用 Master Addons Pro 的一部分 Post Timeline,例如新闻档案。

Focused 状态为当前处于活动状态的物品进行样式, 访问者滚动浏览时间线或移动通过旋转木马。给它不同的卡片背景, 日期颜色或更大的点, 因此当前的里程碑脱颖而出。

元素时间线小部件免费吗?

是时间轴是一个免费的小部件,包括自定义时间轴类型以及垂直和水平布局。从您的博客文章构建条目的帖子时间轴类型需要Master Addons Pro。

是。每个自定义时间轴项都有一个链接字段,可以使整张卡片可点击。发布时间轴有一个启用链接开关,可以将每张卡片链接到其帖子。避免链接卡片内的其他链接,因为链接中的链接是不允许的。

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Master Addons 的 Elementor 玻璃化元素

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
扩展到最大宽度之外

集装箱附加信息

主页 厌倦了您的令人惊叹的设计被限制在严格的容器限制内?容器额外...
查看详细信息
元素器样式选项卡中的图案部分,带启用图案,图案样式设置为紫色渐变网格左侧和 Z 索引,旁边还有两个英雄预览

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
WordPress帖子列表与MA复制器行链接,主插件扩展中的帖子/页面复制器开关,以及一个你好世界!重复#1草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
阅读进度栏页面设置,位置设置为顶部、高度、颜色和动画速度,隐私政策页面旁边顶部有一个蓝色栏

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息
九月促销

40绔 涔诲芥澶澧% 离开一切

每个 Master Addons Pro 计划,每年一次,终身。一码,八天。

00
00人力资源
00
00

美国东部时间 9 月 14 日星期一 23:59 结束

  • 个人1 个站点 129美元77美元的
  • 商业5个站点 199美元的119美元
  • 开发者无限网站最适合代理机构 599美元的359美元

支付一次。永远不会续订。

优惠券代码 马里费岛40
立即享受 40% 的折扣
  • 30,000多个活跃安装
  • 4.5/5 来自212份点评
  • 14天退款