全站通知:

帮助:如何制作首页

来自bilibili游戏中心 - WIKI
跳到导航 跳到搜索

前言

首页是一个站点的门面,除了要漂亮(拥有一个好的布局和样式)之外还要好看方便大家找到自己想要看的内容

  • 漂亮:通过持续学习html语言css语言以及js语言可以无上限的提升页面的漂亮程度,这个是个无止境的过程,一开始在这里消耗太多的精力并不划算。建议优先考虑让首页的内容清晰便于查询。
  • 好看
    • 第一点:第一屏要让大家看到你想第一时间让大家看到的内容。清晰永远是第一位的。
    • 第二点:有条理的对内容进行分类展示,不同的内容使用不同的展现形式。
      • 词条类内容要使用和游戏中的描述一致,例如公主连结中的人物叫“角色”,那么就不要使用有厨力的描述和字眼,例如:“公主”这会让新接触这个游戏的人完全不知道你说的是啥。
    • 第三点:要考虑手机上看上去怎么样。大家在编辑WIKI的时候会使用pc进行编辑,但是60%以上的用户是在用手机来看Wiki的,所以尽量使用可以让手机也能舒服浏览的代码(极个别的页面除外,例如特别庞大的关系图谱,特别长的技能树天赋树进化树等)

我的Wiki有好多内容要用什么形式展示在首页呢?

一般的游戏内容大致可以分成以下几种类型,大家可以对照自己的游戏来对号入座。

游戏里的内容 Wiki里的内容 首页应该用什么形式展现
游戏的角色(人物/舰娘/机甲等)、装备、技能等 图鉴页面 图鉴模块
游戏机制、名词解释、故事背景 词条页面 词条模块
游戏攻略、游戏新闻、最新消息等内 文章页面 文章列表块
新手引导性质的内容 文章页面 文章列表块or词条模块(可根据实际内容多少来选用)
大型更新,大型活动等的游戏内容聚合,例如:碧蓝海事局科研三期专题 专题页面 轮播图or文章列表块
游戏小工具,例如体力计算器,图鉴筛选工具这类 工具页面 快捷入口
最近有一篇特别棒的内容我想让大家都看到 推荐内容 轮播图

现在我知道怎么展示了,这些内容在首页怎么摆放呢?

、内容呈现的一般原则:上面的内容比下面的内容较容易被看到大而醒目的内容(图或快捷入口)容易被看到左侧的内容要比右侧的内容优先被看到


、首先是根据自己的游戏内容规划出首页需要放置板块的整体数量。

有些内容模块在首页上可以放置多个,比如:图鉴模块词条模块文章模块快捷入口。但是有些模块建议只有一个比如轮播图

另外除了内容模块,还有一些呈现站点相关内容的模块也是要在首页上呈现的。例如:关于WIKI攻略组板块更新日志关于游戏免责声明

有一些偏工具向的模块也是需要在首页来呈现。比如:投稿入口(投稿规则)活动日历生日贺图


、根据板块的多少来采用不同的首页结构。

在建站初期内容较少的时候,可以考虑使用双栏WIKI首页布局。

  • 左列从上到下放置
    • 轮播图
    • 图鉴模块
    • 词条模块(一般为多个,根据游戏分类放置)
    • 视频模块
  • 右列从上到下放置
    • 活动日历(如果有)
    • 快捷入口
    • 文章列表模块(可以多个,一般呈现热门内容或分类的文章内容,例如新手攻略之类的)
    • 关于WIKI
    • 更新日志
    • 关于游戏
    • 免责声明(如果右列过长可以放置在左列靠下的位置)
    • 投稿入口(如果右列过长可以放置在左列靠下的位置)
    • 友情链接(如果右列过长可以放置在左列靠下的位置)
双栏WIKI首页
关于本WIKI

欢迎大家来到(游戏名)WIKI!

现有 13,577,323 名注册用户;近期有 6 位活跃编辑者, 14,530 次编辑; 4,377 个页面。

这里是(您攻略组的名字),一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿的向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。

当然WIKI的制作也不离开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。

(游戏名)WIKI交流群:xxxxxxxxxxx

模块较多时:以上的内容如果很多,比如首页需要呈现的词条块分类要呈现出4个或以上图鉴块特别长并且不能精简已经积累了非常多的攻略内容不能只用一个列表来呈现的时候,建议使用三栏WIKI首页分布。

  • 左列从上到下放置
    • 文章列表模块(可以多个,一般呈现热门内容或分类的文章内容,例如新手攻略之类的)
    • 更新日志
  • 中列从上到下放置
    • 轮播图
    • 图鉴模块
    • 词条模块(一般为多个,根据游戏分类放置)
    • 视频模块
  • 右列从上到下放置
    • 活动日历(如果有)
    • 快捷入口
    • 关于WIKI
    • 关于游戏
    • 免责声明(如果右列过长可以放置在左列靠下的位置)
    • 投稿入口(如果右列过长可以放置在左列靠下的位置)
    • 友情链接(如果右列过长可以放置在左列靠下的位置)
三栏WIKI首页
词条块1

1 2 3 4 5 6 7 8

词条块2
2级标题名1

1 2 3 4

2级标题名2

5 6 7 8

关于本WIKI

欢迎大家来到(游戏名)WIKI!

现有 13,577,323 名注册用户;近期有 6 位活跃编辑者, 14,530 次编辑; 4,377 个页面。

这里是(您攻略组的名字),一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿的向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。

当然WIKI的制作也不离开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。

(游戏名)WIKI交流群:xxxxxxxxxxx

更新日志+

更新日志

头部

目前BWIKI平台还不能由用户上传wikilogo,可以联系对应的编辑支持同学上传,需要提供尺寸为300×80的图片文件一张,最好为png格式透明底。

自定义导航内容和样式

详见:帮助:自定义WIKI导航栏

定义整站公告

详见:帮助:MediaWiki

内容

虽然大家都会用电脑来编辑制作Wiki页面,但是大部分的用户更多的在手机上浏览Wiki页面,所以建议大家的首页和内容页比较复杂的结构考试使用栅格自适应写法,这样在手机上浏览会有更好的体验。关于栅格自适应详见帮助:Bootstrap

使用样板制作

从零开始制作

如果不使用模板来制作的话,可以根据如下内容的多寡来制作Wiki首页。

必要的站点信息

以下信息是作为一个Wiki站点所必须和基础的部分,站点一定要有。

关于WIKI

介绍本wiki站点的宗旨和展示欢迎词,一般也会在这里放上页面统计和活跃作者人数,这里也可以放置编辑沟通群或者水友群。

更新日志

一个自动的模块,可以显示最近的5个更改过或者新建的页面。BWIKI平台预制了<brecentchanges>插件可以快速插入一个带样式(默认)的更新日志。

  • 更新日志样例
  • [[自定义<brecentchanges>插件样式]]
投稿入口

可以让大家快速投稿的入口。简单一些的做法就是直接创建一个空的新页面,复杂一些可以通过预制内容来让其他小伙伴快速的填充内容。

免责声明

一些wiki在遵循CC协议的情况下使用了其他站点的内容,或者本Wiki遵循的CC协议等都可以在这里声明。

  • 免责声明样例

内容板块

主要用于展示站点内容的部分

图鉴块

一个精美的图鉴块既可以提高站点的美观程度,又可以快速查询图鉴相关的内容。

文章列表

用于展示文章内容列表快,可以自动和手动2种。

轮播图

一般用于推荐新的功能,游戏更新内容专题性质的内容。但是由于是轮播形式一般只有第一张关注度比较高。

词条块

分类展示游戏机制的板块,以便于查找为优先制作。

快捷入口

一些常驻的希望大家能第一时间找到看到用到的内容。

视频块

对于视频攻略比较多的Wiki站点可能比较有用。

活动日历
生日信息
友情链接

互换友情链接也是推广自己Wiki的一种常见方式。