如何在WordPress中添加美丽的事件时间轴

您是否曾想在您的网站上添加活动时间表?最近,我们的一位用户希望显示具有交互式体验的事件的垂直时间轴。在本文中,我们将向您展示如何在不更改主题的情况下在WordPress中添加漂亮的事件时间轴。

Timeline used in an infographic

何时和谁需要WordPress中的时间轴帖子

顾名思义,时间轴是一个时间视觉表示为一条线。

在网页设计中,它通常用于显示包含图像,文本,视频和其他形式内容的事件的时间轴,以提供视觉上吸引人且高度交互的用户体验。

Preview of a timeline

公司使用时间轴显示其历史信息。个人网站所有者可以在他们的页面甚至博客页面上使用它。如果您经营旅游或摄影网站,那么您可以在一个漂亮的垂直时间轴上显示您的旅程。

如果您运行活动网站,则可以使用时间轴在活动中发布博客或添加有关过去活动的帖子。

视频教程

订阅WPBeginner

如果您不喜欢视频或需要更多说明,请继续阅读。

如何添加WordPress中的时间轴

您需要做的第一件事是安装并激活Timeline Express插件。激活后,您需要访问 Timeline Express»添加新公告以添加您的第一个公告或事件。

Adding a new announcement or event in your timeline

只需为公告或活动提供标题,然后选择颜色,日期和图标。Timeline express内置了漂亮的Font Awesome图标字体。

接下来,您可以提供将用作横幅的公告图像。此图像应至少为650像素宽或更大。您可以在下面找到帖子编辑器,您可以在其中输入有关公告的更多详细信息。您也可以添加图片和视频。

添加完公告后,即可发布。重复此过程以添加更多公告。

在您的网站上显示时间线

在您创建了一些公告后,是时候在您的网站上显示它们了。只需在WordPress中创建一个新页面并给它一个合适的标题。在帖子编辑器中添加短代码 [timeline-express] ,然后单击“发布”按钮。

现在您只需访问该页面即可查看时间表。

我们希望本文能帮助您在WordPress中添加事件时间轴。您可能还希望查看有关如何在WordPress中添加Google日历的指南。

您是否曾想在您的网站上添加活动时间表?最近,我们的一位用户希望显示具有交互式体验的事件的垂直时间轴。在本文中,我们将向您展示如何在不更改主题的情况下在WordPress中添加漂亮的事件时间轴。

Timeline used in an infographic

何时和谁需要WordPress中的时间轴帖子

顾名思义,时间轴是一个时间视觉表示为一条线。

在网页设计中,它通常用于显示包含图像,文本,视频和其他形式内容的事件的时间轴,以提供视觉上吸引人且高度交互的用户体验。

Preview of a timeline

公司使用时间轴显示其历史信息。个人网站所有者可以在他们的页面甚至博客页面上使用它。如果您经营旅游或摄影网站,那么您可以在一个漂亮的垂直时间轴上显示您的旅程。

如果您运行活动网站,则可以使用时间轴在活动中发布博客或添加有关过去活动的帖子。

视频教程

订阅WPBeginner

如果您不喜欢视频或需要更多说明,请继续阅读。

如何添加WordPress中的时间轴

您需要做的第一件事是安装并激活Timeline Express插件。激活后,您需要访问 Timeline Express»添加新公告以添加您的第一个公告或事件。

Adding a new announcement or event in your timeline

只需为公告或活动提供标题,然后选择颜色,日期和图标。Timeline express内置了漂亮的Font Awesome图标字体。

接下来,您可以提供将用作横幅的公告图像。此图像应至少为650像素宽或更大。您可以在下面找到帖子编辑器,您可以在其中输入有关公告的更多详细信息。您也可以添加图片和视频。

添加完公告后,即可发布。重复此过程以添加更多公告。

在您的网站上显示时间线

在您创建了一些公告后,是时候在您的网站上显示它们了。只需在WordPress中创建一个新页面并给它一个合适的标题。在帖子编辑器中添加短代码 [timeline-express] ,然后单击“发布”按钮。

现在您只需访问该页面即可查看时间表。

我们希望本文能帮助您在WordPress中添加事件时间轴。您可能还希望查看有关如何在WordPress中添加Google日历的指南。

相关推荐

发表回复

房先生
我们将24小时内回复。
2024-05-10 13:02:20
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
2781198
加我微信
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具: