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主题美化：文章或页面添加时间轴

4个月前

066581

更多推荐

CoreNext主题美化教程合集