最近打算在心百科的维基站中添加书籍条目,然后用Cargo记录书籍信息。条目包括了书籍简介、目录、书摘等内容,正常情况下就是每个部分作为一个章节处理,样式如下:
mediawiki-book-page.png
右侧是书本的信息框,左边是书籍简介以及目录等内容。只是目录内容一旦有很多的话,排版很难看,页面也很长。如果能采用选项卡的方式进行切换就好了。
今天重新查看之前写的文章,正好发现一个选项卡的插件Tabber,下图是它产生的效果(未调整CSS样式)
mediawiki-extention-tabber.png
同时我也找到另外一款插件,名叫Header Tabs,下图中的效果就是由它产生的。
header-tab.png
两者的效果其实都差不多,点击选项卡就能随意切换内容了,但对比之下还是有区别的:

  • Header Tabs需要将选项卡标签的内容设置成H1格式,如果像我上述的需求,页面语义其实是存在歧义的,毕竟内容中的标题都是从H2开始,弄那么多H1标题是闹哪样?
  • Header Tabs在某些主题下(尤其是手机版主题)并不能实现(可能就是跟H1格式有关),Tabber则能支持手机版主题。
  • 两者在编辑上都相对简单,只是Tabber的分隔需要用到管道符号|,所以在模板编辑中需要注意替换,而Header Tabs则没有这样的困扰(设好需要的标题添加内容最后加上<headertabs/>标签)。
  • Tabber不支持使用两个换行符自动换行的形式(Header Tabs直接支持维基格式),而必须加入<br/>标签,对于像目录这种有大量换行的内容显然直接用Tabber会相当费事(不过直接从网上复制过来的内容对于Header Tabs同样要二次编辑一下,只不过是在每行后面多加一个回车),当然这些都可以通过模板的方式来解决。

以上就是对两款选项卡插件的简单对比,大家可以根据自己的需要进行选择。

最后修改:2021 年 02 月 26 日 12 : 52 PM
如果觉得我的文章对你有用,请随意赞赏