WordPress添加时间轴功能记录你的站点历史

前言

时间轴可以帮助你记录网站的发展历史以及各种重要事件，本次教程适用于大多数WordPress网站。时间轴的HTML代码和CSS样式来自博客 广然笔记，我在此基础上增加了一个WordPress后台发布功能。

预览效果

教程步骤

本次教程将会分为两个主要步骤：

1. 注册自定义文章类型
2. 添加自定义模板

注册自定义文章类型

首先，打开主题文件，前往主题文件 functions.php，添加下方代码来注册自定义文章类型时间轴：

将上述代码添加完成后，你会在WordPress后台菜单栏中看到一个”时间轴”的菜单，用于发布和管理时间轴文章。

创建模板文件

创建一个模板文件或在现有模板中添加代码，以显示“时间轴”文章，并按照时间排序。在你的主题中创建一个模板文件 timeline.php，或者在现有模板文件中添加以下代码：

以上CSS由于长度原因已经压缩，如果需要修改可以格式化回来。

主题示例：CoreNext

以CoreNext主题为例，使用子主题的话，前往 CoreNext-Child/template/ 新建一个文件 timeline.php，将下述代码复制进去。

随后到WordPress后台页面，新建页面，选择模板时间轴即可。

结语

通过以上步骤，你已经成功在WordPress网站中创建了一个时间轴。你可以通过发布时间轴文章，记录和展示网站的发展历史及重要事件。

有问题欢迎留言交流。