FANDOM


Fandom课堂-界面设计

Fandom课堂-界面设计

Fandom课堂-定制化社区图标

Fandom课堂-定制化社区图标

主题设计器(Theme Designer)或称主题版面设计,是一个让管理员方便使用的工具,可以让你很快地自订你的维基的样式(主题)和标志。

可以由已经有的样式中选择,或是设计适合你的维基的主题和社群的独特样式。

步骤

作为一个wiki的管理员,你可以在工具栏中的我的工具栏位中,或是可以在管理员面板中找到。你也可以直接连到Special:Themedesigner这个页面。

进入之后,你可以选择三个按钮:

  • 主题(Themes): 从已有的各种主题(样式)中选择,可以选择完全使用或是加以调整。
  • 自订(Customize): 选择背景,标题栏的图标以及页面的特性。
  • 标志(Wordmark): 填写社区名称,也可以上传一个特别的图形标志或是增加一个网站图标.

所有的更改可以直接在下面的预览区中看到,你在正式储存以前可以看看你设计的样式会看起来如何。

Theme designer

样式(主题)

你可以从11种预设的样式中,点击想要的,这会使设计器下面显示预览,如果你想要对所选择的样式作部分的调整,点击“自订”的按钮,然后可以调整连结、按钮颜色等等。

Theme designer - theme tab

自订

  • 背景(background): 背景是在内容区之外,并在你的维基任何页面都会显示的区域。
    • 用颜色选择器来选择你要的背景颜色。
      • “中间”背景颜色会视你的其他设定,在较大尺寸的银幕中显示。
    • 你可以选择在图案选择器中的一个图案,来增加你的背景设计。有些图案是透明,会显示你已经设定的背景颜色。
    • 如果你想要增加你自己的背景图案,在图案选择器中使用上传档案。你可以使用 .jpg, .png or .gif.等档案格式。最大的档案限制是300 kilobytes. 背景图案可以在较大的银幕上分割成一半 (大部分的分隔线会被站的内容区域遮住)这使得背景图案的同一部分,能保持与内容区域的边缘契合,不论显示器的大小如何。
      • Help:背景中有关于为社群自订背景图案进一步的资讯和建议,
      • 背景只能支持300KB的文件,而且很小,这是麻烦题,用Photoshop缩小文件大小,并不变像素。这样就可以上传大文件而且还不到300KB的文件,非常方便。
    • 你可以点击"铺排"的格子,以便铺排(tile) 背景图案 (以使它在页面中重复出现)
      • 如果你不希望铺排这个图案,它只会出现一次,在剩下的区域会显示背景颜色。
    • 你可以选择“固定”来固定图案 (这样它在你卷动页面时就会固定在一个位置)
    • 对于宽度大于2000px的未铺排背景图案,会有一个“不分割”的选项。使用“不分割”选择会使它不会分割成一半(前面有提到) ,此外对你的内容区域增加透明度也会很有帮助。选了这个选项以后,内容区域会视看的人的银幕大小而盖住背景区域的不同部分。
  • 页面(page): 页面部分可控制按钮、连结、页眉和内容部分的颜色。
    • 按下各类的颜色样式来改换颜色,颜色选择器会出现让你选择颜色,或用颜色代码来增加颜色。
    • 你可以用透明度滑标来改变内容区域的透明度。
Theme designer - customize tab

标志

  • 标志(wordmark)类似于logo,它是除了社区名称之外的一种图形标识,会显示在每一个页面。用户可在维基上的任何一个页面点击标志而进到首页(主页)。
  • 社区名称:
    • 社区名称将显示在社区最上方的标识右侧。你可以点击“主题设计器”-填写或更改“社区名称”-保存完成。
  • 标志:
    • 你可以自行设计并上传你的标志。
    • 标志只限.png 档案,且必须大小是250x65像素或更小。
    • 标志会储存于File:Wiki-wordmark.png.
  • 网站标识:
    • 网站标识(Favicons)是在你的浏览器上方显示的小图标,常用于图标或书签中。
    • 你可以使用右边的工具来上传favicon,选择要上传的档案并按下“上传”就能完成。
    • 网站标识必须是16x16像素,并且必须是.ico格式。关于网站表示,您可以在这里了解更多。
Theme designer - wordmark tab

储存和以前的版本

  • 完成后,点选储存,你的新样式设计会很快地显示。
  • 如果想要看或回复到过去的版本,你也可以在主题设计器达成。按下“以前的版本”下拉点击特定时间的版本,可以看到过去板本的预览,如要恢复成该版本可按储存。
Theme designer - history

另参见

帮助及反馈

除了特别提示,社区内容遵循CC-BY-SA 授权许可。