你将如何为帖子中的图片添加按顺序编号的标签？

时间：2021-02-16 作者：Trich

我想为帖子中的图像添加按顺序编号的标签。在每张图片的角落里放一个小数字，以帮助我在写作中引用它们。

所有图像均为wp块图像（无图库）。编号应简单+1个加法based on the order of appearance 在该帖子的图像中（左上=#1，下一个img=#2…）

发布帖子后，顺序预计不会改变——这是静态内容——但在草稿阶段，图像会被移动，并且会从上传/插入/文件名/ID中无序。

搜索中出现了一些声称具有此功能的图库插件，但我认为它们不能用于wp阻止图像和我的现有内容。如果没有插件可以处理得更干净，我宁愿不使用插件。

如何正确有效地添加这些标签？

1 个回复

最合适的回答,由SO网友:kero 整理而成

无需插件或对标记进行任何更改-您可以使用所谓的纯CSS来完成所有这一切counters, 哪些有broad browser support.

body {
  counter-reset: imageLabel;
}

.wp-block-image::before {
  counter-increment: imageLabel;
  content: "#" counter(imageLabel);
}

这将在图像后生成数字，您可以设置::before 不管你喜欢什么，把它放在需要的地方。

请注意，这可能会影响页面的可访问性，我不确定屏幕阅读器与这两者的交互效果如何::before 还有CSScontent. 但是，解决此问题可能需要创建新块或编辑图像块。

标签： images themes css 小码农

如何根据发布日期应用CSS

WordPress中有没有一个想法可以将CSS文件仅应用于特定日期后发布的帖子？续订使用WordPress创建的网站。保留以前的记录，并在更新后以不同的方式应用设计。