使用 Elementor 的时间线小部件按时间顺序显示 WordPress 帖子

已发表: 2022-07-27

想使用 Elementor Timeline 小部件按时间顺序显示您的 WordPress 帖子吗?

如果是,那么你已经登陆了正确的页面。

时间线小部件允许您在时间线中展示您的网站内容到正确的日期和时间。

假设您是一名自由职业者,并且希望在您的网站上按时间顺序显示您最好的帖子,或者如果您要为您的受众列出最受欢迎的帖子,您可以使用时间轴小部件。

在本文中,我们将提供有关如何使用 Elementor 和 PowerPack Elementor Addons 以时间线格式显示 WordPress 帖子的详细信息。

通过 PowerPack Addons for Elementor 创建 Elementor 发布时间线

为什么使用时间轴来显示 WordPress 帖子?

时间线包含按照时间顺序的单独可点击条内的信息。 它用于按时间顺序列出历史事件、成就或一些重要任务。

如果您考虑向您的网站添加时间线,那将是最好的,因为它可以通过多种方式使您受益:

  • 您可以显示带有日期和时间的 WordPress 帖子。
  • 您可以使用时间线来展示您的新旧帖子、成就、品牌历史等。
  • 这是一种通过列出时间和日期以系统的逐步方式向访问者讲述您的故事的有效方式,类似于事件。
  • 使用网站帖子的时间线,您可以让访问者参与您过去的博客,从而增加对已经失去互动的旧帖子的参与度。
  • 它可以帮助提高您网站内容的用户体验。
  • 借助这些时间表,您可以轻松展示您的业务历史。
  • 展示时间线有助于与观众建立信任。

因此,这就是按时间顺序显示您的 WordPress 帖子可以使您的网站受益的方式。

Elementor 的最佳时间线小部件 – PowerPack Elementor Addons

时间线允许您使用 Elementor 按时间顺序显示 WordPress 帖子。 但是,Elementor 免费版或专业版都不包含任何用于显示时间线的小部件。

因此,您必须使用第三方插件来实现所有这些。

向您推荐 Elementor 的 PowerPack 插件,它是 Elementor 页面构建器的最佳插件之一。

PowerPack 提供的 80 多个令人印象深刻的小部件和 150 多个预先设计的模板将在您每次使用它们创建新内容时为您的网站带来全新的、引人入胜的体验。

Elementor 的 PowerPack 时间线小部件

PowerPack 时间线小部件是使用 Elementor 页面构建器为您的 WordPress 网站创建时间线帖子的最佳解决方案。

PowerPack 的 Timeline 小部件是一个功能丰富的 Elementor 小部件,可让您炫耀您的重要网页内容,例如您的公司历史、分步指南、博客等,以及日期和时间戳。

PowerPack 时间线小部件的功能

  • 支持自定义和动态内容类型。
  • 允许多种自定义和样式选项,如卡片箭头、卡片动画选项等。
  • 提供选项以在所有可能的方面设置内容排版样式。
  • 在时间线栏方向之间进行选择。
  • 让您可以灵活地创建垂直和水平格式的时间线。

让我们详细了解 PowerPack Timeline 小部件的功能。

使用 Elementor 以时间线格式显示您的 WordPress 帖子

要在您的网站上显示 WordPress 发布时间线,首先,您需要安装并激活 Elementor 页面构建器和 PowerPack Elementor Addons。

现在,使用 Elementor 编辑器打开页面,在搜索栏中输入Timeline ,然后将小部件拖放到页面上。

不要忘记检查小部件右上角的 PowerPack PP标志。

拖放时间线小部件

将小部件拖放到页面上后,导航到“内容”选项卡。

自定义和配置时间轴小部件的内容选项卡

时间线小部件的内容选项卡包括四个部分:

  1. 设置
  2. 查询(仅当您将时间线来源选择为“帖子”时才会显示此部分)
  3. 帖子(仅当您将时间线来源选择为“帖子”时,此部分才会显示)
  4. 时间线

让我们详细了解这些部分。

设置

内容选项卡

让我们看一下本节中的可用功能:

  • 布局:选择您的时间线布局,垂直或水平。
  • 来源:由于这里我们讨论的是如何按时间顺序显示 WordPress 帖子,因此您需要选择来源类型为帖子。 选择帖子选项将允许时间线小部件获取您现有的网站内容(无论是任何现有的帖子、模板、保存的部分等)并以时间线格式列出它们。
  • 标题 HTML 标签:借助此功能,您可以为每个帖子的内容标题设置 HTML 标签。
  • 帖子计数:使用此选项,您可以设置要在时间轴中显示的帖子数量。
  • 日期:启用此功能以显示帖子的发布日期。
  • 日期类型:使用此选项选择日期类型。
  • 日期格式:使用此选项,您可以选择日期格式。
  • 卡片箭头:启用此选项可为每个内容帖子显示类似卡片的图案。
  • 卡片动画:应用此功能为时间轴启用卡片动画。

询问

PowerPack 时间线小部件的内容选项卡中的查询部分

让我们看一下本节中的可用功能:

  • 查询类型:您必须选择查询类型和自定义查询作为使用此选项的查询类型。
  • 帖子类型:这里有几个选择帖子类型的选项,例如页面、帖子、保存的模板等。在这些选项中相应地选择一个帖子类型。
在时间线小部件的内容选项卡中选择帖子类型
  • 包括/排除各种过滤器类型的类别选项,例如类别、标签、作者、帖子等。

帖子

PowerPack 时间线小部件的内容选项卡中的帖子部分

让我们看一下本节中的可用功能:

  • 帖子标题:如果您想在时间轴帖子上显示帖子标题,请打开此选项。
  • 发布图像:如果要在时间轴中显示图像以及内容,请启用发布图像选项。
  • 图像大小:此选项允许您选择时间轴帖子的图像大小。
  • 发布内容:如果您想在时间线中显示发布内容,请打开此选项。
  • 内容类型:使用此功能,我们可以选择帖子的摘录或有限的内容选项。
  • 链接类型:选择要在其中放置链接的链接类型,无论是标题、按钮还是卡片。
  • 帖子元:如果要显示其他帖子类别,例如帖子作者、帖子术语等,请启用此选项。
  • Meta Items Divider:如果您启用了 post meta 选项,您可以允许 meta items divider 在时间轴帖子上显示的帖子项目之间显示分隔线。
  • 帖子作者:如果要在时间轴帖子上显示帖子作者,请启用此选项。
  • 发布条款:如果您想在时间线帖子上显示发布条款,请启用此选项。
  • 选择分类:您可以使用此选项添加您选择的类别和标签。

但是,您也可以使用自定义来源自定义时间线帖子。 通过选择此选项,您可以手动自定义时间线帖子、添加其内容、媒体等等。

时间线

PowerPack 时间线小部件的内容选项卡中的时间线部分

所以这一切都是关于自定义 PowerPack 时间轴小部件的内容选项卡。 现在让我们进入下一部分,即样式选项卡。

自定义和配置时间轴小部件的样式选项卡

高级选项卡小部件的内容选项卡包括五个部分:

  1. 布局
  2. 标记
  3. 日期
  4. 连接器

让我们详细了解这些部分。

布局

PowerPack 时间线小部件的样式选项卡中的布局部分

让我们看一下本节中的可用功能:

  • 方向:使用此选项设置时间线栏方向。
  • 箭头对齐:使用此选项选择箭头对齐。
  • 项目间距:调整此选项将允许时间轴上包含的帖子之间的间距。

PowerPack 时间线小部件样式选项卡中的卡片部分

让我们看一下本节中的可用功能:

  • 卡片填充:此选项将让卡片在它们之间创建间距。
  • 内容填充:此选项将在内容和卡片之间创建间距。
  • 文本对齐:使用此选项设置文本对齐。
  • 背景颜色:可以使用此选项更改文本背景颜色。
  • 边框类型:此选项可以在卡片上显示边框。 从可用类型中选择边框,例如实线、点线、双线、虚线和凹槽。
  • 边框半径:应用边框半径以在边框上显示精细边缘。
  • Box Shadow:此功能允许您显示阴影边框。 相应地自定义颜色和重量。

标记

PowerPack 时间线小部件样式选项卡中的标记部分

让我们看一下本节中的可用功能:

  • 类型:选择标记类型为图标、图像、数字或文本。
  • 选择图标:如果您选择了一个图标作为标记类型,则选择一个图标并从图标库中上传一个。
  • 选择图片:如果您选择了一张图片作为标记类型,则选择一张图片并从媒体库上传一张。
  • 标记大小:使用此选项设置标记大小。
  • 标记框大小:使用此选项设置标记大小。
  • 标记颜色:使用此选项选择标记颜色。
  • 背景颜色:使用此选项自定义标记背景颜色。
  • 边框类型:从诸如实线、点线、双线、虚线和凹槽等选项中选择标记的边框。
  • 边框半径:应用半径为您应用的半径提供平滑的边缘。
  • 框阴影:配置框阴影选项以通过显示阴影来增强标记外观。

日期

PowerPack 时间线小部件样式选项卡中的日期部分

让我们看一下本节中的可用功能:

  • 排版:使用此选项自定义整个日期文本排版。
  • 背景颜色:使用此选项自定义日期文本背景颜色。
  • 颜色:使用此选项选择日期文本颜色。
  • 边框类型:从给定的选项中选择日期文本的边框,例如实线、点线、双线、虚线和凹槽。
  • 边框半径:应用半径为您应用的半径提供平滑和干净的边缘。
  • 填充:此选项将在日期文本与其边框之间创建足够的间距。
  • 方框阴影:配置方框阴影选项以通过显示阴影来增强日期文本外观。

连接器

PowerPack 时间线小部件的样式选项卡中的连接器部分

让我们看一下本节中的可用功能:

  • 间距:此选项将允许连接器和内容卡之间的间距。
  • 厚度:使用此选项,您可以调整连接器的厚度。
  • 背景类型:使用此选项自定义连接器背景类型。

所以这一切都是为了为您的 WordPress 网站创建一个令人惊叹的时间表。 将所有这些更改应用到 PowerPack 时间轴小部件的内容和样式选项卡后,您将获得类似的内容。

elementor时间线小部件

为 Elementor 获取最佳时间线小部件

我们希望本教程博客帮助您使用 PowerPack 时间线小部件为您的网站创建令人难以置信的“时间线”。

单击此处获取 PowerPack 时间线小部件,为您的网站吸引新客户并增加销售额。

如果您喜欢阅读本文,您也很想体验我们的其他 PowerPack 元素。

请随时在此处发表您的评论; 我们很乐意收到您的回复。

此外,在 Twitter、Facebook 和 YouTube 上加入我们。