按顺序给循环中的每个帖子一个编号

时间:2015-04-07 作者:Marc P Gangmei

在我的主页上,我有10篇最新的帖子。我想在每篇文章中显示从0-9开始的数字。0123456789

1 个回复
最合适的回答,由SO网友:William Turrell 整理而成

由于这是一种表现形式,我倾向于使用CSS(当然在PHP中有这样做的方法,其他人可能不同意)

你可以利用counter-resetcounter-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%的全局浏览器支持
    结束

    相关推荐

    SSL/HTTPS Redirect Loop

    我似乎无法确保某些页面的安全,我想我已经尽了一切可能。。htaccess重定向iTheme安全插件将站点url更改为HTTPS://li>由于某种原因,这两个插件都不能强制SSL。它只是进入一个重定向循环。与更改类似。htaccess。然而,wooCommerce页面是安全的,我还可以通过HTTPS访问wordpress目录根中的页面,以及上传的内容。我应该从哪里开始查找,或者如何开始调试重定向循环?Wordpress是3.8.5版,主题为“BigBang 1.7.3”。插件列表:Advanced