CoreNext 主题美化：文章或页面添加美化版时间轴

在当今网络环境中，时间轴功能被广泛用于清晰展示事件的发展顺序。对于 WordPress 网站而言，在文章或页面中添加时间轴，能有效提升内容的可读性与视觉层次。此前好软猫已分享过一款时间轴教程，今天带来全新升级的美化版时间轴样式——设计更精致、结构更清晰，适配 CoreNext 主题，轻松嵌入即可使用。

美化版时间轴效果截图

文章内容代码

在需要添加时间轴的文章或者页面编辑时放入以下代码

<div class="timeline"> <div class="timenode"> <div class="meta"> 可写日期 </div> <div class="body"> 时间轴内容 </div> </div> </div>

文章新增时间轴内容代码

在已有的时间轴内新增内容，只需在<div class="timeline">和<div class="timenode">中间新增以下代码即可

<div class="timenode"> <div class="meta"> 可写日期 </div> <div class="body"> 时间轴内容 </div> </div>

CSS 样式代码添加位置

CoreNext 主题设置 CSS 中添加

在主题设置-代码-CSS 样式中加入即可

主题或子主题 CSS 中添加

外观-自定义-选择主题或子主题-额外 css

CSS 样式代码

另一款时间轴样式

CoreNext 主题美化：文章或页面添加时间轴

2天前

063151

更多推荐

CoreNext 主题美化教程合集