Skin: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 28% complete.
Other languages:
MediaWiki 外装マニュアル - カテゴリ
OOjs UI icon layout-ltr.svg
Lakeus
リリースの状態: 安定
SkinLakeus.png
作者
  • Lakejason0
  • Light beacon
  • Dianliang233
  • Winston Sung
  • ...
最新バージョン 1.0.16 (2021-09-20)
互換性ポリシー Snapshots releases along with MediaWiki. Master is not backwards compatible.
MediaWiki 1.36+
ライセンス GNU 一般公衆利用許諾書 3.0 以降
ダウンロード
Example on MediaWiki Skins Wiki
パラメーター
  • $wgLakeusShowRepositoryLink
translatewiki.net で翻訳を利用できる場合は、Lakeus 外装の翻訳にご協力ください
使用状況とバージョン マトリクスを確認してください。

Lakeus is a skin that aims to provide a simple but all-functional experience. It's named after a character in the novel of one of the authors, Lakejason0.

インストール

  • Downloadして、ファイルを skins/ フォルダー内の Lakeus という名前のディレクトリ内に配置します。
  • LocalSettings.php の末尾に以下のコードを追加してください:
wfLoadSkin( 'Lakeus' );
  • Yes 完了 - 自分のウィキの Special:Version に移動して、外装が正しくインストールされたことを確認してください。

MediaWiki 1.24 以前を稼働させている利用者へ:

上記の手順では、wfLoadSkin() を使用して外装をインストールする MediaWiki 1.25 以降の新しい方法を記載しています。 この外装を過去のバージョンにインストールする必要がある場合は、wfLoadSkin( 'Lakeus' ); の代わりに以下を使用する必要があります:

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

(過去のリリースで外装を動作させるには、Special:SkinDistributor より、そのリリース向けのタグが付けられたバージョンをダウンロードする必要があるかもしれません。)

特徴

  • Simple but all-functional (at least most of them should work).
  • With no-JavaScript support.
  • Customization through CSS variables.
  • Responsive design. Should work with desktop and tablet; on very narrow phones the sidebar menu might be too wide to close.

Planned Features

注記

  • The skin should be no-JavaScript compatible. Several handy features may not be available though.
  • The skin made a dedicated menu for site that uses a language with LanguageConverter variants (e.g. Chinese (zh) and Serbian). When no variants available, the menu should be invisible.
  • RTL support hasn't been tested well, but main features are confirmed RTL compatible (e.g. sidebar menus).

カスタマイズ

CSSの変数

Lakeus supports customization through CSS variables. Below is the default setting of CSS variables; modify these settings and put the result into your 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 );
}

For example, to change the header's color to a light blue (e.g. #4FC3F7), it would be:

:root {
  --color-header: #4FC3F7;
}
Your CSS may not work in several special pages (like 個人設定); it's an intended behavior of MediaWiki core due to security concerns, but site admins could set $wgAllowSiteCSSOnRestrictedPages to true to bypass it after understanding the risks.

パラメーター

$wgLakeusShowRepositoryLink

$wgLakeusShowRepositoryLink is a boolean value that determines whether to show the link to the skin's repository in the footer. 既定値は true です。

$wgLogos

For now, only icon and wordmark are recognized; keys like svg, 1x, 1.5x or 2x are not used by the skin. Notice that other skins may utilize the image provided by icon AND other keys as well, so do not rely on the key to provide a icon only for this skin.