本頁使用了標題或全文手工轉換

皮肤:Lakeus

From mediawiki.org
Jump to navigation Jump to search
This page is a translated version of the page Skin:Lakeus and the translation is 100% complete.
MediaWiki外觀手冊 - 分類
OOjs UI icon layout-ltr.svg
Lakeus
發行狀態: 穩定版
SkinLakeus.png
作者
  • Lakejason0
  • Light beacon
  • Dianliang233
  • Winston Sung
  • ...
最新版本 1.0.18 (2021-10-16)
兼容性方針 快照跟随MediaWiki发布。 master分支不向后兼容。
MediaWiki 1.36+
許可協議 GNU通用公眾授權條款3.0或更新版本
下載
例子 Example on MediaWiki Skins Wiki
參數
  • $wgLakeusShowRepositoryLink
  • $wgLakeusSiteNoticeHasBorder
翻譯Lakeus佈景主題(如果在translatewiki.net可用)
檢查使用和版本矩陣

Lakeus是一款旨在提供简洁而完整体验的皮肤。 其以作者之一,Lakejason0的小说角色命名。

安装

  • 下载文件,并将其放置在您skins/文件夹中的Lakeus目录内。
  • 将下列代码放置在您的LocalSettings.php的底部:
wfLoadSkin( 'Lakeus' );
  • Yes 完成 - 在您的wiki上打开Special:Version,以确认皮肤已成功安装。

致使用MediaWiki 1.24或更早版本的用户:

上面的说明介绍的是自MediaWiki 1.25以来,使用wfLoadSkin()安装皮肤的新方法。 如果您需要在早期版本中安装此皮肤,您需要使用这样的代码(而不是 wfLoadSkin( 'Lakeus' );):

require_once "$IP/skins/Lakeus/Lakeus.php";

(要在早期发布版本中运行皮肤,您可能需要下载标记为来自Special:SkinDistributor发布的版本。)

功能

  • 简洁而完整(至少大部分功能是好的)。
  • 支持没有JavaScript时的运作。
  • 使用CSS变量来自定义。
  • 响应式设计。 在桌面设备和平板电脑上的显示应该都是正常的;在非常窄的手机屏幕上,侧边栏菜单可能会因为太宽而无法关闭。

计划功能

注释

  • 此皮肤兼容无JavaScript的情况。 虽然没有JavaScript的时候有一些便利的特性是不可用的。
  • 此皮肤为使用带有LanguageConverter变种的语言(比如中文(语言代码为zh)和塞尔维亚语)的站点提供了一个独立的菜单。 当站点没有语言变种可用时,此菜单应当是隐藏起来的。
  • RTL书写方向的支持尚未完全测试,但是主要功能已经过RTL兼容测试(比如侧边栏菜单)。

自定义

CSS变量

Lakeus支持使用CSS变量来自定义。 以下是CSS变量的默认设置;可以修改这些设置并把设置结果放到你的Lakeus.css里面:

:root {
  --background-color-base: white;
  --background-color-article: white;
  --background-color-content: white;
  --background-color-footer: #eee;
  --background-color-toggle-list: white;
  --background-color-portlet-body: white;
  --background-color-toggle-list-card: #eee;
  --background-color-toggle-list-item-hover: #eee;
  --background-color-toggle-list-item-focus: #ccc;
  --background-color-portlet-item-hover: #eee;
  --background-color-portlet-item-focus: #ccc;
  --background-color-edit-options: #eee;
  --background-color-search-suggestions: #fff;
  --background-color-search-suggestions-current: #1d5492;
  --border-color-edit-options: #c8ccd1;
  --border-color-content: #ccc;
  --border-color-toggle-list: #ddd;
  --border-color-search-suggestions: #c8ccd1;
  --subheader-color-toggle-list: rgba( 0, 0, 0, 0.6 );
  --logo-text-color-toggle-list: inherit;
  --color-search-suggestions-text: #000;
  --color-search-suggestions-text-current: #fff;
  --color-header: white;
  --color-base: #54595d;
  --color-gray: #a2a9b1;
  --color-gray-2: #eaecf0;
  --color-link: #0645ad;
  --color-link--visited: #0b0080;
  --font-family: 'Roboto', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
  --elevation: 0 2px 2px rgba( 0, 0, 0, 10% );
  --mask-background: rgba( 0, 0, 0, 0.8 );
}

比如,要将顶栏的颜色改为淡蓝色(比如#4FC3F7),那么写成:

:root {
  --color-header: #4FC3F7;
}
您的CSS可能在一些特殊页面上不起作用(比如参数设置);这是MediaWiki本体出于安全考虑的预设行为,但站点管理员可以在知悉相关风险后将$wgAllowSiteCSSOnRestrictedPages 设为true以绕过这个特性。

参数

参数 类型 默认值 描述
$wgLakeusShowRepositoryLink 布尔值 true 决定是否在页脚中展示链接到此皮肤仓库的链接。
$wgLogos 目前,只有iconwordmark会被使用;其余键名(例如svg1x1.5x2x等)不会被此皮肤使用。 请注意,其他皮肤也有可能使用由icon提供的图片,与此同时也会使用其他键名,因此请不要用以上键名尝试为此皮肤提供单独的图标。
$wgLakeusSiteNoticeHasBorder 布尔值 false 决定是否为站点通知(Site Notice)启用一个由皮肤提供的边框。 启用此特性有助于提升纯文本通知的美观度,但如果通知内容本身就有边框,你可以保留默认值而不启用。