作者:Dr Moned
什么是 ANT:
ANT(Advanced Navigation Toolbar,高级导航工具栏)是一个新的导航系统,灵感来源于 Earthworm 系列导航条。ANT 用于制作允许访问相关文章并给出其信息的半可自定义导航栏。
若出现任何问题,请通过 Discord
基础:
使用 ANT 是非常简单的(我希望是这样)。它有数个会在下面作解释的选项与选择,但你可以拿走以下的基础代码并修补好以满足你的需求。
[[include :scp-wiki:component:advanced-navigation-toolbar-source dual= false
|styleNum= one
|prev= 文章链接 |prevtext= 链接文本
|prevImage= 上篇图片链接
|hub= hubURL |hubtext= 名称
|next= 文章链接 |nexttext= 链接文本
|nextImage= 下篇图片链接
[[span style="color: #246eb7"]]]][[/span]]
在使用 ANT 时,请勿改动上方的任何一条蓝色文本。红色文本是可以修改的,但我推荐你先阅读下方的相关节段再动手修改。
用于产出下方示例图片的代码:
[[include :scp-wiki:component:advanced-navigation-toolbar-source dual= false
|styleNum= one
|prev= http://scp-wiki-cn.wikidot.com/scp-001 |prevtext= SCP-001
@@|prevImage= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Damnum.png@@
|hub= http://scp-wiki-cn.wikidot.com/scp-series |hubtext= 系列一中心页
|next= http://scp-wiki-cn.wikidot.com/scp-003 |nexttext= SCP-003
@@|nextImage= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Yesod.png@@
]]
变量:
“style”(样式) - 此条将在下一个块中解释。
“prev”(上篇) - 此条决定了通向你上一篇文的链接。“prev” 接受以链接形式的输入,然后加一个竖杠字符(“|”),然后加上你想要链接显示的文本。比如 “http://scp-wiki-cn.wikidot.com/scp-001|SCP-001”。
“prevImage”(上篇图片) - 指代导航栏左侧末端所围绕的一圈图片(考虑到尺寸的问题,更为精细的图片可能会更加难以看到)。在我的艺作页中的所有图标都应该可以使用,除此之外还可以使用任何长宽 600px 的正方形图片(我相信所有为 ACS 而作的图片都是这个尺寸,因为我试过的那些都能正常使用)。如果不行的话请喊我。
“hub”(中心) - 与 “prev” 相似,不过决定的是通向你系列中心的链接与链接文本。又或者,如果你没有中心页的话,我推荐放上 SCP 系列列表;或者如果是故事的话可以放例如推荐故事系列中心。
“next”(下篇) - 见 “prev”,不过要用“下一篇文章”替代了“上一篇文章”。
“nextImage”(下篇图片) - 见 “prevImage”,不过要用“右端末尾”替代“左端末尾”。
如果你需要些简单的图片,本页下方的附件里有 “prev.png”、“next.png” 以及 “hub.png”。
ANT - 样式:
ANT 目前拥有三种不同的样式可供选择。你可以在引用块中 “styleNum=”(样式编号)的后方输入 “one”、“two” 或 “three” 来改变样式。你可以在下方看到这些样式的示例。
ANT - 双重导航条:
如果你有两个交叉在同一个作品的故事系列,那么这里还有个双重版本(有着完全不同的样式)的 ANT 条,使用以下的代码。
在切换模式的时候,请确保引用声明正确,“dual= false” 用于显示原来的条,“dual= true” 同理,即下方用作双重模式的红色部分。
[[include :scp-wiki:component:advanced-navigation-toolbar-source dual= true
|styleNum= one
|prev= 文章链接 |prevtext= 链接文本
|prevImage= 上篇图片链接
|prev2= article2URL |prev2text= 链接 2 文本
|prev2Image= 上篇 2 图片链接
|hub= hubURL |hubtext= 名称
|hubImage= 图片展示中心页
|next= articleURL |nexttext= 链接文本
|nextImage= 下篇图片链接
|next2= article2URL |next2text= 链接 2 文本
|next2Image= 下篇 2 图片链接
[[span style="color: #246eb7"]]]][[/span]]
用于产出下方示例图片的代码:
[[include :scp-wiki:component:advanced-navigation-toolbar-source dual= true
|styleNum= three
|prev= https://scp-wiki.wikidot.com/scp-001 |prevtext= 上篇文章
@@|prevImage= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Damnum.png@@
|prev2= http://scp-wiki-cn.wikidot.com/scp-002 |prev2text= 另一个上篇文章
@@|prev2Image= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Yesod.png@@
|hub= http://scp-wiki-cn.wikidot.com/ |hubtext= 我的大中心页My Big Hub
@@|hubImage= https://timebox.wikidot.com/local--files/anttestinput3/ArchivistIcon.png@@
|next= http://scp-wiki-cn.wikidot.com/scp-003 |nexttext= 下篇文章
@@|nextImage= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Heimal.png@@
|next2= http://scp-wiki-cn.wikidot.com/scp-004 |next2text= 另一个下篇文章
@@|next2Image= https://scp-wiki.wdfiles.com/local--files/dr-moned-s-icons-and-art/Terminal.svg@@
]]
1. T3DK2. Dr Moned3. 译注:链接分别为 @@https://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar/Prev.png@@、@@https://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar/Next.png@@、@@https://scp-wiki.wikidot.com/local--files/component:advanced-navigation-toolbar/Hub.png@@。











