全站通知:

模板:板块

来自影之诗WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

说明

  • 该模板主要适用于想要构筑 WIKI首页 的 WIKI编辑萌新。
  • 该模板包含基础的 板块功能 以及拓展功能的 按钮带图按钮轮播图
  • 该模板可通过右上角 WIKI功能查看源码 ,直接复制模板内容到需要使用的 WIKI。
  • 复制以下示例中的 源码 部分即可直接使用。
  • 配合 Bootstrap框架 即可轻松完成首页的建设。

懒人包

  • 直接复制 双栏WIKI首页 or 三栏WIKI首页 的页面源码。
    • 注意:需要先复制本模板的源码。
    • 替换板块样式源代码编辑模式下→工具栏的上方→选中高级工具栏右侧的放大镜高级→点击工具栏右侧的放大镜,查找内输入 BOX-X(当前使用的CSS名) 替换为 BOX-X(想要使用的CSS名)。

基本部分

源码
{{板块|开始|标题=我是一级标题,请替换|查看更多=攻略|追加CSS=|追加CSS2=}}
{{板块|内容开始|追加CSS=}}
{{板块|二级标题|标题=我是二级标题,请替换|追加CSS=}}
<!--内容部分:开始-->
我是内容1,请替换
<!--内容部分:结束-->
{{板块|二级标题|标题=我是二级标题,请替换|追加CSS=}}
<!--内容部分:开始-->
我是内容2,请替换
<!--内容部分:结束-->
{{板块|内容结束}}
{{板块|结束}}
展示效果
我是一级标题,请替换+
我是二级标题,请替换

我是内容1,请替换

我是二级标题,请替换

我是内容2,请替换

拓展部分

按钮

源码
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
显示效果

测试2 测试2

带图按钮

  • 参数:{{板块|图标|链接名,图片名|显示名词,不填则显示为链接名|宽度=20/25/50}}
  • 宽度为按钮所占版区内的百分比宽度,可选20%、25%、50%,不填则默认为25%
源码
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结|宽度=50}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
{{板块|图标|Pcr|公主连结|宽度=20}}
显示效果

文章

源码
{{板块|文章|标签|测试文章页面名|测试文章页面名}}
{{板块|文章|标签|测试文章页面名|测试文章页面名2}}
显示效果

轮播图

  • 同一页面内使用多个轮播图时,注意轮播编号不能重复!
  • 不需要多个轮播时,从下方开始删除,保留对应数量的图即可(别把 }} 删了哦
源码
{{板块
|轮播图
|轮播编号=1
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
{{板块
|轮播图
|轮播编号=2
|图1=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图2=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图3=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图4=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图5=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
|图6=[[文件:申请创建WIKI.png|申请创建WIKI|link=WIKI申请页面]]
}}
显示效果

使用示例

默认样式

源码
{{板块|开始|标题=BWIKI}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
<!--内容部分:结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
<!--内容部分:结束-->
{{板块|内容结束}}
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2

样式一:BOX-1

源码
{{板块|开始|标题=BWIKI|CSS=BOX-1}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。
<!--内容部分:结束-->
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
<!--内容部分:结束-->
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2

样式二:BOX-2

源码
{{板块|开始|标题=BWIKI|CSS=BOX-2|追加CSS=background:#404040}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。 
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2

样式二:BOX-3

源码
{{板块|开始|标题=BWIKI|CSS=BOX-3}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。 
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2


样式二:BOX-4

源码
{{板块|开始|标题=BWIKI|CSS=BOX-4}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。 
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2

样式二:BOX-5

源码
{{板块|开始|标题=BWIKI|CSS=BOX-5}}
{{板块|内容开始}}
{{板块|二级标题|标题=关于本WIKI}}
<!--内容部分:开始-->
欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。 
{{板块|二级标题|标题=按钮测试}}
<!--内容部分:开始-->
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|按钮|测试2|测试2}}
{{板块|内容结束}}
{{板块|结束}}
显示效果
BWIKI
关于本WIKI

欢迎小伙伴们来到BWIKI!

本WIKI开放编辑,任何人都可以在遵守编辑规则的前提下创建页面、填充数据、分享小知识等

如果有兴趣想参与WIKI的深度建设可以加入交流群,私聊群主或者管理了解详情。

按钮测试

测试2 测试2 测试2 测试2