来自WIKI帮助中心

首页 > 首页模板



Note 1.png
创建首页是搭建WIKI的第一步,本页面提供了一个顶部导航WIKI可以使用的通用模板及其操作步骤,请仔细阅读使用。

创建教程

打开页面左上角的齿轮,点击编辑首页对首页进行编辑修改

第一步:添加首页源代码

  • 创建修改首页需要申请开通管理员权限的账号。
  • 打开页面左上角的齿轮,点击编辑首页对首页进行编辑修改
    • 创建新首页时,将以下首页板块代码内的代码复制粘贴进首页保存即可。
  • 创建首页完毕后,此时页面显示是乱的,需要添加相关的模板和css样式。


第二步:添加CSS(样式)

  • 包含首页、内页、修正样式等在内的一些基础样式,可修改。
  • css样式添加方法见:新WIKIcss添加


第三步:添加首页的模板部件


首页板块代码

__NOTOC__ __NOEDITSECTION__
<div class="sy-big">
<div class="sy-left">
{{左侧导航}}
</div>
<div class="sy-left2">
<div class="sy-wikibox" style="overflow:hidden">
<div class="btl">'''游戏资料'''</div>
===栏目===
====下级栏目====
<div class="sy-wikibox-b">
{| style="width:100%"
|-
| 
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
|}
</div>
====下级栏目====
<div class="sy-wikibox-b">
{| style="width:100%"
|-
| 
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
|}
</div>
===高级区===
<div class="sy-wikibox-b">
{| style="width:100%"
|-
| 
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
|}
</div>
===栏目===
<div class="sy-wikibox-b">
{| style="width:100%"
|-
| 
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
{{首页标签|词条页面名|词条名}}
|}
</div>
</div>
</div>
<div class="sy-right">
<div class="sy-wikibox" style="overflow:hidden">
<div class="btl">'''关于本WIKI'''</div>
<div class="sy-wikibox-l">
{| style="width:100%"
|-
| style="line-height:27px" | 
欢迎来到'''WIKI名'''!

此处填写WIKI介绍。
|}
</div>
===新闻公告板块===
<div class="sy-wikibox-l">
{| style="width:100%"
|-
{{首页文章|标签|页面名|文章名}}
|}
</div>
===攻略板块===
<div class="sy-wikibox-l">
{| style="width:100%"
|-
{{首页文章|标签|页面名|攻略名}}
|}
</div>
===攻略组板块===
<div class="sy-wikibox-l">
{| style="width:100%"
|-
|

|-
| style="line-height:27px" | 
此处填写攻略组或WIKI编辑组介绍
|}
</div>
===更新日志===
<div class="sy-wikibox-l" style="padding: 5px 10px 10px 10px;">
{| style="width:100%"
|-
|
<!--更新日志于“更新日志”页面修改添加,点击查看更多可进入更新日志页面-->
<JoymeRecentChanges limit='6' stopwords='首页|测试'/>
<a href="/sos/特殊:最近更改">
<div class="page_box">
查看更多+
</div>
</a>
|}
</div>
</div>
</div>
</div>