来自QQwiki

阅读:10818

  

更新日期:2022-03-04

  

最新编辑:Admin

前言

  • 游戏图鉴是属于游戏攻略的一种,按照其所介绍事物属性特点的不同,可进一步分为人物图鉴、道具图鉴、皮肤图鉴等。由于图鉴是游戏wiki中重要的组成部分,在搭建好首页的各项结构后,接下来就需要进行图鉴的建设。
  • 图鉴一般为文字+图片的形式展示,在本部分,我们将详细介绍图鉴建设方法。

图鉴模板

  • 与帮助大家搭建首页的建站指引相似,这里QQWIKI也为大家开发出了一些图鉴搭建的模板以及一个可以直接参考复制的图鉴页。

图鉴搭建1.png

  • 图鉴页主要由三个部分组成:
  1. 导航栏:为不同的图鉴种类提供不同的分区,方便用户快速找到自己希望了解的内容;
  2. 筛选项:通过设置不同属性值,快速筛选出符合该属性的元素/图鉴卡片;
  3. 图鉴卡片:包括文字、图片与跳转链接等基础组成元素,用户点击相应卡片可以跳转到该卡片对应的介绍页获得有关该卡片的详细说明。

导航栏

  • 用户可自定义导航分区,以参数形式输入,最多可添加10个分区;
  • 导航栏中每个分区的宽度与分区名称自适应(即自动根据分区名称调整宽度,保证分区名称可以完整呈现在导航栏中);
  • PC端中,若导航栏因分区名称过长而无法在一行中呈现时,导航栏自动换行;
  • 移动端中,若导航栏因分区名称过长而无法在一屏中呈现时,可按住该区域左滑显示更多

调用指令

  • 指令格式如下:
{{导航栏
|-|
分区1名=
|-|
分区2名=
|-|
分区3名=}}
  • 例如:
{{导航栏
|-|
角色=
角色1
角色2
|-|
道具=
道具1
道具2
|-|
其他=
武器1
}}

分区内容说明

  • 分区内容可以是任何形式的内容,与WIKi编辑器中支持的内容无异,包括解析器函数、图片、链接、模板等内容。如下例所示:
{{导航栏
|-|角色=
{{#ask:[[分类:游戏WIKI]][[列表显示::显示]] |?游戏名 |?WIKI域名 |?创建时间 |?创建人UID |?创建人昵称 |link=none |sort=创建时间 |template=游戏WIKI申请列表 |headers=hide |order=desc |format=template |limit=1000 }}
[[文件:qqwiki.png]]
{{点赞}}
|-|武器=填充分区内容
|-|大乱斗=填充分区内容
}}

ask函数简介

在上面的例子中,调用了#ask函数,在这里对该函数做一个简要介绍,详情请见:帮助:解析器函数#ask

通过调用导航栏模板,我们可以搭建出一个框架,但是此时却没有角色内容。那么我们需要如何创建出单个角色/武器/道具页呢?

此时,我们需要在新wiki中以人物/武器/道具名创建一个新页面(方法见创建新页面,例:创建一个名为【大聪明】的人物网页),在该页面中输入人物的属性值并存储(在下面图片的例子示意中,分别用了【模板:人物】与【模板:属性数据】来封装人物角色的信息,更方便#ask函数的调用。在建设WIKI站点的过程中,也可以自己开发一些在页面中规范化存储信息的模板,在相同的分类页面中调用)。


注意图鉴页面的代码中涉及到对单个页面内容的引用(#ask函数),若单个页面中并未存储需要调用的信息(例如下例中的【名称】、【稀有度】),那么在图鉴页面的#ask函数将会报错,即无法正常显示角色图鉴,此时需要根据单个页面内容对图鉴页面的#ask函数进行修改(其中,?后面的变量名应与单个角色页中包含的变量相对应,即#ask实际是从已建立的页面中查询并返回相应内容)。

使用ask函数

第一步:对活动页面进行分类

由于在整个过程中涉及到#ask的查询,故将页面合理分类可以大大加快运行速度,获得更准确的查询结果。

第二步:确保查询内容已包含在查询的网页中

在这串代码中,#ask函数涉及对【开始时间】、【开始描述】等信息的查询,这都需要保证在满足#ask查询条件的页面中包含了这些参数,例如:

【单个角色页】中存储的内容


第三步:修改查询条件

改变#ask:[[]]的方框中的条件,可以获得更准确的查询结果。

【角色图鉴页】对#ask的调用

第四步:修改结果输出效果

帮助:SMW中已经介绍到,通过修改#ask函数中的template使结果以不同的形式呈现。

在给出的首页模板中,template=角色筛选/行,此时呈现的形式与【模板:角色筛选/行】一致。

对代码中的一些参数进行修改,就可以达到自己的预期效果。

筛选项与卡片

图鉴卡片

  • 单个图鉴展现的方式有多种,为方便用户在不同的情况下使用相适应的图鉴卡片,QQWIKI为大家开发出来几款常用的图鉴卡片模板:

图鉴卡片1.png
图鉴卡片2.png

  1. A. 一定大小的图片+文本+跳转链接:PC端每行展示10张卡片,移动端每行展示4张卡片;
  2. B/C. 图片+标题+文案+跳转链接:卡片宽度与每行排列数量可以调整。
  3. D. 主图+副图+标题+跳转链接:卡片宽度与每行排列数量可以调整;
  4. E/F. 图片+文案(黑色粗体)+跳转链接:卡片宽度与每行排列数量可以调整;
  • 不同类型卡片的详细说明(修改样式的方式、调用指令)请参考:图鉴卡片

筛选项

  • 筛选模板可自动拉取图鉴中的筛选项目对应值,并形成筛选列表,其调用指令如下:
{{图鉴|筛选|筛选项1|筛选项2|筛选项3|...}}
  • 例如:输入如下指令,则此时提供两个筛选项,分别为“武器”和“属性”
{{图鉴|筛选|武器|属性}}
举报