Skin:Lakeus/ja

Lakeus is a skin that aims to provide a simple but all-functional experience. 作者の一人であるLakejason0さんの小説の登場人物にちなんで名づけられたものです.

特徴

 * シンプルだが、すべての機能を備えている（少なくとも、ほとんどの機能が使えるはずだ）.
 * JavaScriptをサポートしていません.
 * CSS変数によるカスタマイズ.
 * レスポンシブデザインを採用. デスクトップとタブレットで動作するはずです. 非常に狭い携帯電話では、サイドバーメニューが広すぎて閉じられないかもしれません.
 * テーマデザイナーです. 環境設定で有効にすることで、リアルタイムにテーマを変更したり、プレビューしたりすることができます.  ほとんどの場合、基本的な変数に少し手を加えるだけで、自動で計算されたテーマが出来上がります.
 * ちょっとバグが多くて不安定かもしれないので、不具合があったら必ず報告してくださいね. ご不満な場合は、いつでも自動計算を無効にすることができます.

予定されている機能

 * A WVUI search bar, the same as in the new.

注記

 * スキンはJavaScriptと互換性がない必要があります. ただし、いくつかの便利な機能は使用できない場合があります.
 * The skin made a dedicated menu for site that uses a language with LanguageConverter variants (e.g. Chinese and Serbian). 利用可能なバリアントがない場合、メニューは非表示になっているはずです.
 * RTL対応は十分に検証されていませんが、主要な機能はRTL対応であることが確認されています（サイドバーメニューなど）.

CSSの変数
LakeusはCSS変数によるカスタマイズをサポートしています.

テーマデザイナー
テーマデザイナーを使えば、誰でも簡単にできるようになる（少なくとも私はそう願っている）. 基本的な変数を変更するだけで、あとは自動的に計算されます. 自動計算された結果があまり好きでない変数ごとに自動計算を無効にして、手動で好きなように微調整することができます.

これを有効にするには、環境設定から「外観」を選択し、スキンLakeusを選択したときにオプションが見つかります. 一度有効にすると、すべてのページで読み込まれるようになりました.

基本的にすべてのボタンとフォームの入力は、文字どおりの意味を持ちます. There are some variables that do not appear on every page, and they would be listed below:
 * インターフェイスのメッセージボックス. これらの要素は、JavaScriptが無効なときにユーザグループの設定が正常に適用された場合、翻訳ページ編集の警告、ページ編集時に表示されるMediaWikiの例外、Echoや他の通知拡張機能がインストールされていないときのユーザトークページの通知、などの場面で表示されます.

プリセットテーマ
すでに用意されているプリセットテーマを使用することができます. トークページでも、自分のテーマを共有することができます. なかったらまた来てください.

ヴィンテージ
1.1.7で最後にエクスポートされたヴィンテージテーマ.

オーシャン
水色を基調としたテーマで、最後にエクスポートされたのは1.1.8です.

手動で変数を変更する
以下は、CSS変数のデフォルトの設定です. これらの設定を変更し、結果をあなたの に入れます.

例えば、ヘッダーの色を水色（例： ）に変更する場合は、次のようになります.

Sidebar icons
Unfortunately, it's not easy to add icons to the skin without including many images on page. If you can bear the loading time of web font icons, you can try this out as follows. To start with, include the icon font face (in this whole example, Material Icons) in your CSS. You may have loaded some font faces in other places other than, in which case just ensure that they don't conflict with each other.

Then, as we are going to use pseudo elements, some paddings and extra settings to create space for icons are applied:

Now, it's time to add the actual icons. You can use Devtools (The tool opened by right click and then Inspect Element) to see the list items' IDs, and we are finally going to set the actual content of the pseudo elements (icons):

In this example, Material Icons supports certain strings (used here) and code points for an certain icon. For what strings or code points could be used for Material Icons, see Icons - Google Fonts. Feel free to add more rules for your own site, for example one of the authors' site got an admin noticeboard:

The  part corresponds with the system message you used in your MediaWiki:Sidebar.