由于这是一种表现形式,我倾向于使用CSS(当然在PHP中有这样做的方法,其他人可能不同意)
你可以利用counter-reset 和counter-increment 属性。
CSS计数器可以应用于任何元素,而不仅仅是有序列表(<ol></ol>
) 并使用添加pseudo-elements 您可以控制起始数字及其递增方式(计数器甚至可以反向运行)
他们有very high browser support (基本上是IE8及以上版本,以及其他任何内容。)
下面是twentyfourteen theme:
.home .site-content {
counter-reset: posts -1;
}
.home article {
counter-increment: posts;
}
.home .entry-title:before {
content: counter(posts) \'. \';
}
注:
与分页不兼容,因为后续页面上的列表仍将从0开始,计数器必须有唯一的名称-“posts”
计数器每<article>
标记您希望第一项为0,因此我们必须从负1开始,因为第一篇文章将增加1仅在最新的Chrome和Firefox中测试,但如上所述,97%的全局浏览器支持