以下守则涉及了 CSS 版式,主要为那些自我包含且可能导入到其它页面的版式,但本守则的大部分同样适用于在独立页面中的嵌入式 CSS。
本守则现为试运行阶段。
创作
CSS 版式应于沙盒页面中起草。
在你觉得版式已经完工之后,你才可以将其完全移至维基中。而只有在你收到能够确认你的版式与本守则符合的职员许可后,才能在维基上创建带有版式标签且处于 theme: 分类下的新页面。
版式必须符合如下列出的限制条件。
限制条件
若要被准许在网站上发布,你的版式必须遵守几点限制条件。
许可
版式必须发布于与维基上的其它内容相同的知识共享许可之下,即 CC BY-SA 3.0(Creative Commons Attribution-ShareAlike 3.0,创作共享 署名-相同方式共享 3.0)协议。任何声明为其它协议的版式都不会被通过。
你能改什么与不能改什么
你可以改变除了职员在本守则上规定的东西外的任何维基上的组件样式。
你不能移除、隐藏,或“破坏”任何维基上的导航元素或评分模组。
你不能破坏维基预计期望中的结构与外观。网站应该仍然是可识别且可读的。
你可以用 CSS3 滤镜或者别的东西改变翻译模组(.scpnet-interwiki-frame)的样式,但是你不能将其完全移除(即使你试过用滤镜还是有非常可怕的冲突)。
基础功能
你的 CSS 版式必须能够在主流浏览器(Chromium、Firefox、Safari)上运作良好且至少能够在次要浏览器(IE 11等)上运作。
你的 CSS 版式必须如在桌面端一般在移动端运行良好。
设置好版式页
版式页就是你的 CSS 版式源代码存放的地方。
你必须指导用户用 Wikidot 的 [[include]] 法把你的版式加到他们的页面里(并且相应地设定好你的版式页。这里是模板。)
你不能指导用户用 CSS 的 @import 法把你的版式加到他们的页面里。
你必须在你的版式页中提供用法介绍。注意这仅指要告诉用户输入什么才能让这个版式展现到他们的文章里。如果你的版式有什么作者应该知道如何使用的特性,那也必须要有说明。你无需引入你的版式格式实例——即使你完全可以,且绝对应该这么做!
你的版式页必须要将你的版式应用上去——也就是说,你的页面必须作为你的版式的预览。如果你用了上文的模板的话,那么这些就都已经为你做好了。
通过你的版式的技术团队成员会期望不但能看到你的 CSS 源代码,还能看到你的版式页的草稿。
代码膨胀
CSS 版式不能含有大量无用代码。CSS 版式的源代码应该包含有除了这个版式从阈限版式(即后室所使用的基础版式)所修改来的内容外的东西。大段从阈限版式处复制黏贴的行为是严格禁止的。
对 CSS 熟悉的人应该能够查看你的版式并明确了解你的意图。至少你应该能够说出你为什么要选择引用某一行。
此外,若非特别需要,你应当尽量避免使用 !important 标记,比如在增加优先级也无法满足时提供与其它 CSS 的兼容性。
无障碍
在编写 CSS 版式时,应该要考虑到无障碍的问题。举例:
- 这个版式对色盲人士来说可读吗?(比如其应用了如红+绿的糟糕色彩使得色盲用户难以浏览网站)
- 这个版式是否有妨碍到屏幕阅读器的使用?(比如其有添加“隐形”内容而使得其能够被屏幕阅读器阅读到但不会被视力正常读者看见)
- 它用的字体对所有读者来说都是易读的吗?(比如其主体字体大小过小、字体本身难以阅读)
等等。通过粗略的谷歌搜索可以很轻松地获得解决所有这些潜在问题的的最佳做法与建议。
此外,CSS 不可由沙盒页或别的不是主网站的地方链接过来。你必须在维基用 theme: 页面来承载 CSS 版式。
批准
在发布之前,你的版式必须要被职员批准。他们会查看你的版式并确认其是否符合该守则。
职员所制作的版式必须得到另一职员的批准。
得到职员的批准意味着你的版式至少将要在几日内发布且尽可能不要做出修改;如果你在得到批准过长时间后发布版式或者如果你做出了较大的修改,请重新寻求批准。
请确保能给予职员一点时间(比如几日)来检查你的版式。
CSS 版式的删除守则
CSS 版式需如普通页面一样,其他用户不允许对你的作品进行较大修改。小的错误被认为等同于拼写与语法错误且任何善意的用户都可以修正。
CSS 版式受到通常删除守则的影响。
修正不兼容的版式
若你的版式无法在主流浏览器(Chromium、Firefox、Safari、移动端、IE11)上起作用且表现完全破坏了导航、功能、或可访问性,其就需要被于网站上移除(或最低限度地,从引用块中移除),然后按照这个顺序修复。我们首先要做的是兼容性,功能,然后是可访问性。
该清单由现正批准版式的技术团队成员写作而成,版式制作者可能会在此找到有用的信息。
必要
版式必须对以下所有的问题都能回答“是”。
- 该版式的作用是否清楚?
- 该版式是否已经应用到了当前页面中?
- 它看起来是否有在运作?是否没有明显错误?
- 它是否能在移动端运作?
- 一个常见的错误是使用background(其内包含有 background-position)修改页眉标志,这将会移除掉移动端做出的所有定位修改,使用 background-image 即可仅修改标志图片。该版式修改标志(如果有的话)的方式是否正确?
- 它是否能运作在另一个浏览器上?(至少得试试 Chromium 和 Firefox)
- 导航组件是否齐全且正常?
- 如果该版式有修改 #login-status,检查一下以确保还能看见消息提醒
- 这个页面看着是否还像是后室维基?
- 是否有英文用法介绍?
- 这个页面是否有用到 [[include]]?
- 是否有大量的代码膨胀?(比如大段从阈限或其它版式复制来的代码)(若有疑问,让作者解释一下某一段是做什么的。若其无法解释,那很可能就是膨胀了)
- 检查引入的文件与字体(包括不同字重的字体),这些是否都有被使用?
- 如果该版式是另一版式的分支(意味着有按需复制且编辑代码的动作),制作者是否能证明这一点?
- 他是否有考虑将其变为版式扩展(意味着需要引入其它版式,要么在版式页内引入,要么要求终端用户引入该版式,然后覆写其需要的地方)?
- 强烈建议在可能的情况下做成扩展,以最小化代码重复;应该要有一个非常好的成为分支的理由
- 这个 CSS 是否简明易懂?若有复杂的部分,其是否难以描述的?(应该没有你不能理解且作者也无法解释的部分)
- 这个版式是否有任何可访问性问题?(版式必须至少有与阈限版式相同的可访问性——绝对不能出现更多的问题,但是不对修复现有问题负责)
- 字号是否过小?
- 是否有任何文本与对比度推荐规范相悖?
- 是否所有动感十足或重复乏味的动画都能通过减少动作倾向检查?
- 重要的元素比如链接是否能够明显辨识?
- 试试页面的选项卡导航,是否所有的交互式元素(链接、侧边栏、顶栏、主页眉链接、搜索栏、页面历史按钮等等)都能在其被聚焦时有可见区别?
- 大多数浏览器都会在此时使用 outline 属性;如果有移除/覆写 outline 的情况,检查是否有提供替代方案
- 是否所有的字体都有定义备用字体?
- 是否有除鼠标形状与文本颜色之外的其它视觉信息来告诉使用者已悬停在链接之上?
- 反选某些文本;反选是否可见?
- 检查更多的复杂UI比如页面历史与页面编辑,这些地方是否也仍还好?
- (当有遇见时列出其它常见的与可访问性相关的问题)
- 内置元素的修改是否有与Sigma-9所提供的重复元素相呼应?
- 对 blockquote 的修改是否同样有应用于 div.blockquote?
- 对 #page-title 的修改是否同样有应用于 .meta-title?
- 对 #breadcrumbs 的修改是否同样有应用于 .pseudocrumbs?
- !important 是否有合理使用(少量使用是可以的,最好不使用;理想情况下所有对其的使用都应有说明)
- 若版式有提供自定义功能,那它们的用法是否有说明?
- 该版式是否遵守 CC BY-SA 3.0 协议?
- 是否所有的图像使用都遵守 CC BY-SA?(这包括嵌入式图像,比如内联 SVG)
- 是否所有的字体使用都遵守 CC BY-SA?(谷歌字体是可以用的,但要检查其它来源与/或自行上传的字体)
- 若有使用某组织的资料或以某种方式将其重制,该版式是否符合它们的授权发放惯例?
非必要
若版式无法对以下所有问题回答“是”,那么提供点如何将其改进的建议。这些问题在批准时并不需求。
- 代码是否清晰且简明易懂?
- CSS 是否有适当缩进,且有一致的注释?(这可能意味着有大段复制黏贴)
- 版式是否好看?
- 是否清楚这个版式有什么用途,且谁会去使用它?
- 使用术语“美学版式”通常意味着“不与任何世界观内的前设或设定有关”;若该版式使用了这一词语,其是否与这一意思相合?能否更加明确一点?
- 文档写得是否清晰易懂?
- 如果有示例,那么示例是否具有意义?
- 如果示例中有未被该版式修改的东西,那么是否能被移除?
在批准某个版式(或组件)之后,需通告技术团队的其他成员,即使该页面仍未被发布到维基之中。
在维基上发布已通过的版式时的检查清单:
- 版式被发布在 theme 分类中
- 页面有打上版式(以及 _image,如果有图片的话)标签
- 合著者已在归属资料处登记
- 批准该版式的职员有在页面中留下评论(在给作者发布第一条评论的机会之后)以证明该版式已获批准
最近原创版式
- 版式:2025 由
Ambersight 于 25 Jan 2025 12:35 创建
- 版式:时尚周刊 由
Liurd 于 19 Jan 2025 07:15 创建
- 至上主义 美学版式 由
LemonCat233 于 17 Jan 2025 10:09 创建
- 版式:千禧年 由
Ambersight 于 11 Jan 2025 18:08 创建
- 直线天堂 美学版式 由
Liurd 于 25 Nov 2024 13:16 创建
最近翻译版式
- 版式:超维来客 由
Ambersight 于 18 Nov 2024 00:54 创建
- 玄武岩 版式 由
Ambersight 于 01 Jun 2024 15:23 创建
- 版式:魔法森林 由
Ambersight 于 09 Feb 2024 09:47 创建
- 版式:海洋 由
Lupus Caeruleus 于 05 Feb 2024 18:25 创建
- 版式:全屏怀旧 由
Lupus Caeruleus 于 20 Jan 2024 14:39 创建
页面版本: 7, 最后编辑于: 25 Nov 2023 12:05