模板使用教程:修订间差异
无编辑摘要 |
|||
| (未显示同一用户的6个中间版本) | |||
| 第96行: | 第96行: | ||
这个代码在编辑界面需要以<nowiki><includeonly>(这是代码)</includeonly></nowiki><nowiki></nowiki>包裹,称为标签 | 这个代码在编辑界面需要以<nowiki><includeonly>(这是代码)</includeonly></nowiki><nowiki></nowiki>包裹,称为标签 | ||
在标签内增加一个标签——统一格式的外观容器<syntaxhighlight lang="wikitext"><includeonly> | |||
<div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;"> | <div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;"> | ||
<!这里面是导航具体的内容> | <!--这里面是导航具体的内容--> | ||
<!--注释长成这样"<!---->"--> | |||
</div> | </div> | ||
</includeonly></syntaxhighlight>然后我们在我们内层的那个标签里面增加一些我们需要的分类,例如下面<syntaxhighlight lang="wikitext"> | </includeonly></syntaxhighlight>然后我们在我们内层的那个标签里面增加一些我们需要的分类,例如下面<syntaxhighlight lang="wikitext"> | ||
<div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div> | <div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div> | ||
</syntaxhighlight> | </syntaxhighlight>下面是演示效果,这段顶格,无缩进的代码呈现效果是这样的{{中国演示1}}解释: | ||
<div style="text-align: center; font- | |||
</syntaxhighlight> | style是容器,内部具有一些这样的参数。 | ||
* width后面跟百分数,指的是占父容器的宽度,100%就是自适应占满 | |||
* margin后面跟两个数字,单位是em。指的是边距,第一个数字是上下,后面是左右。1em 0就是上下1em边距,左右无边距 | |||
* border指的是边框,1px是边框的厚度,solid是颜色。 | |||
* font-size 这个是字体大小,是和父元素相比的 | |||
如果有缩进(两个空格)的话,我们就可以做到这样的效果<syntaxhighlight lang="wikitext"><div style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em;"> | |||
<!-- 概况部分 --> | |||
<div style="flex: 1; min-width: 200px; padding: 0.5em;"> | |||
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">概况</div> | |||
<div style="text-align: center;"> | |||
[[中国历史|历史]] • [[中国地理|地理]] • [[中国政治|政治]]· [[中国经济|经济]] • [[中国法律|法律]] • [[中国军事|军事]]·[[中国外交|外交]] | |||
</div> | |||
</div> | |||
</div></syntaxhighlight>{{中国演示2}}(懒得写了,等待其他大佬补充完整这个教程,但到此为止应该会做了吧。。。) | |||
如果想在模板页面写说明的话,你需要知道以下的内容 | |||
<nowiki>这个标签里面的wikitext不会被读取</nowiki> | |||
<nowiki><noinclude></nowiki>这个标签里面的内容可以被呈现在模板页面的说明里<nowiki><br></nowiki>这个符号是换行符,相当于回车<nowiki></noinclude></nowiki> | |||
==== 已有的导航栏 ==== | |||
如果有大佬制作好了某一个导航栏的模板,请将其模板名放在这里。<syntaxhighlight lang="wikitext"> | |||
{{无纸化学习}} | |||
</syntaxhighlight>{{无纸化学习}}<syntaxhighlight lang="wikitext"> | |||
{{学科分类}} | |||
</syntaxhighlight>{{学科分类}} | |||
2025年8月23日 (六) 17:47的最新版本
模板其实是非常强大的工具,但是因为其学习成本较高,所以没有被广泛的使用。这个词条会详细写教程
欢迎来到osm&bio! 我们诚挚地欢迎每一位新朋友。如果您有任何问题,可以在这个wiki找到答案,或者在留言板提问。
以上内容是模板Welcome的实际效果,可以通过对应的模板找到这段文本
你可以在这个尝试一下,输入两个{,
欢迎来到osm&bio! 我们诚挚地欢迎每一位新朋友。如果您有任何问题,可以在这个wiki找到答案,或者在留言板提问。
会弹出来一个页面,在添加新模板里面输入Welcome,然后插入,就会看到这段文字
还有另外一个模板可以使用
示例模板A
支持Wikitext、HTML、CSS
2026年02月4日 osm&bio 模板使用教程
Wikitext
文本格式化
这是粗体文本 → 这是粗体文本
这是斜体文本 → 这是斜体文本
这是粗斜体 → 这是粗斜体
这是等宽字体 → 这是等宽字体
HTML & CSS
高级排版
这是使用自定义字体的文本
带有阴影的文本效果
Flexbox布局
解析器函数技术展示
条件逻辑
参数1: 参数1
✅ 已提供参数1: "参数1"
数学计算
15 × 3 + 7 = 52
210 = 1024
时间函数
当前时间: 2026年02月04日 11:25:55
本模板展示了MediaWiki平台的核心技术能力
如何创建一个新的模板?
编辑模式下,点击对应的模板可以跳转至对应词条
以上模板由AI生成
支持以上代码。如果想要新建一个模板,需要按两次{,然后插入一个添加模板模板:这是一个新的模板,一个新的模板会像这个示例一样,是一个没有内容的红链(请勿为这个演示用的模板增加内容,不然会看不到这个红链)点击这个红链,跳转到对应的模板界面,编辑源代码(使用AI也可以,但是需要完成debug,确保模板可用),即可使用以上语言进行处理,希望创建模板的人可以把对应的文档写明白,方便其他人使用。
在调用模板的时候,最好不用可视化编辑,在源码中进行编辑才能输入以下的内容。
{{模板名|参数|参数}}
一些其他可供使用的模板
倒计时正计时
模板名:Countdown
距离这个词条创建已经167天了
这个模板的使用方式
{{Countdown|目标日期|utc=时区|time=精度|text=后缀文本}}
参数说明
- 1 (必需)
- 目标日期,格式为YYYY-MM-DD或YYYY-MM-DD HH:MM:SS
- utc (可选)
- 时区偏移,例如+8表示UTC+8,-5表示UTC-5
- time (可选)
- 时间精度,可选值:day(天)、hour(小时)、minute(分钟)、second(秒),默认为day
- text (可选)
- 显示在数字后面的后缀文本
导航栏模板
这一类模板可以做到如右边的那种效果,下面提供制作这样的模板的方式,希望其他的编辑者如果有能力可以进行这样的索引。
以上的内容通过以下的简易代码(类似html)实现
<includeonly>
<div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;">
<div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div>
<div style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em;">
<!-- 概况部分 -->
<div style="flex: 1; min-width: 200px; padding: 0.5em;">
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">概况</div>
<div style="text-align: center;">
[[中国历史|历史]] • [[中国地理|地理]] • [[中国政治|政治]]· [[中国经济|经济]] • [[中国法律|法律]] • [[中国军事|军事]]·[[中国外交|外交]]
</div>
</div>
<!-- 行政区划部分 -->
<div style="flex: 1; min-width: 200px; padding: 0.5em;">
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">行政区划</div>
<div style="text-align: center;">
[[北京市]] • [[天津市]] • [[上海市]] • [[重庆市]]·[[香港特别行政区]] • [[澳门特别行政区]]·[[宁夏回族自治区]] • [[新疆维吾尔自治区]][[内蒙古自治区]] • [[广西壮族自治区]] • [[西藏自治区]]·[[甘肃省]] • [[青海省]] • [[台湾省]]·[[四川省]] • [[贵州省]] • [[云南省]] • [[陕西省]]·[[湖北省]] • [[湖南省]] • [[广东省]] • [[海南省]]·[[福建省]] • [[江西省]] • [[山东省]] • [[河南省]]·[[黑龙江省]] • [[江苏省]] • [[浙江省]] • [[安徽省]]·[[河北省]] • [[山西省]] • [[辽宁省]] • [[吉林省]]
</div>
</div>
<!-- 文化部分 -->
<div style="flex: 1; min-width: 200px; padding: 0.5em;">
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">文化</div>
<div style="text-align: center;">
[[中国文化|文化]] • [[中国艺术|艺术]] • [[中国文学|文学]]·[[中国音乐|音乐]] • [[中国电影|电影]] • [[中国饮食|饮食]]·[[中国体育|体育]] • [[中国教育|教育]] • [[中国科技|科技]]·[[中国传统医学|中医]] • [[中国节日|节日]]
</div>
</div>
<!-- 人口部分 -->
<div style="flex: 1; min-width: 200px; padding: 0.5em;">
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">人口</div>
<div style="text-align: center;">
[[中国人口|人口]] • [[中华民族|民族]]·[[汉语|语言]] • [[中国宗教|宗教]]
</div>
</div>
</div>
<div style="text-align: center; font-size: 90%; padding: 0.5em; border-top: 1px solid #a2a9b1; background: #ececec;">
[[中华人民共和国]] • [[中国共产党]] • [[中国领导人|领导人]]
</div>
</div>
</includeonly>
下面是这个分类模板的变形方式
首先需要使用统一风格的框框
这个代码在编辑界面需要以<includeonly>(这是代码)</includeonly>包裹,称为标签
在标签内增加一个标签——统一格式的外观容器
<includeonly>
<div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;">
<!--这里面是导航具体的内容-->
<!--注释长成这样"<!---->"-->
</div>
</includeonly>
然后我们在我们内层的那个标签里面增加一些我们需要的分类,例如下面
<div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div>
下面是演示效果,这段顶格,无缩进的代码呈现效果是这样的
解释:
style是容器,内部具有一些这样的参数。
- width后面跟百分数,指的是占父容器的宽度,100%就是自适应占满
- margin后面跟两个数字,单位是em。指的是边距,第一个数字是上下,后面是左右。1em 0就是上下1em边距,左右无边距
- border指的是边框,1px是边框的厚度,solid是颜色。
- font-size 这个是字体大小,是和父元素相比的
如果有缩进(两个空格)的话,我们就可以做到这样的效果
<div style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em;">
<!-- 概况部分 -->
<div style="flex: 1; min-width: 200px; padding: 0.5em;">
<div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">概况</div>
<div style="text-align: center;">
[[中国历史|历史]] • [[中国地理|地理]] • [[中国政治|政治]]· [[中国经济|经济]] • [[中国法律|法律]] • [[中国军事|军事]]·[[中国外交|外交]]
</div>
</div>
</div>
(懒得写了,等待其他大佬补充完整这个教程,但到此为止应该会做了吧。。。)
如果想在模板页面写说明的话,你需要知道以下的内容
<nowiki>这个标签里面的wikitext不会被读取</nowiki>
<noinclude>这个标签里面的内容可以被呈现在模板页面的说明里<br>这个符号是换行符,相当于回车</noinclude>
已有的导航栏
如果有大佬制作好了某一个导航栏的模板,请将其模板名放在这里。
{{无纸化学习}}
{{学科分类}}