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

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 构建一个。以下是两种时间轴类型的比较方法。

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

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

模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
发布时间表
发布时间表
里程碑
里程碑
黑暗变化日志
黑暗变化日志
横向路线图
横向路线图
发布时间表博客
发布时间表博客
案例研究图像
案例研究图像
叠加步骤
叠加步骤
活动议程
活动议程
交替重建时间表
交替重建时间表
Arch 图像字段时间线
Arch 图像字段时间线
右对齐调查时间表
右对齐调查时间表
水平制造时间表
水平制造时间表
分割卡周时间表
分割卡周时间表
交替拱形媒体时间表
交替拱形媒体时间表
灯卡试用时间
灯卡试用时间
横向年份时间表
横向年份时间表

如何在 Elementor 中添加时间线

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

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

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

时间轴常见问题

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

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

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

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

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

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

趋势元素小部件和扩展

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

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

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