Skin:Lakeus/ja

Lakeus は、シンプルでありながら、すべての機能を備えた外装を目指しています. 作者の一人であるLakejason0さんの小説の登場人物にちなんで名づけられたものです.

特徴

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

注記

 * この外装は JavaScript がない場合でも使用できるはずです. ただし、いくつかの便利な機能は使用できない場合があります.
 * 中国語 やセルビア語など、LanguageConverter 言語変種がある言語を使用しているサイト専用のメニューを作成しました.  利用できる言語変種がない場合、メニューは非表示になっているはずです.
 * RTL対応は十分に検証されていませんが、主要な機能はRTL対応であることが確認されています（サイドバーメニューなど）.

カスタマイズ


CSSの変数
LakeusはCSS変数によるカスタマイズをサポートしています. Below are several methods to generate a theme, and to apply the result (should be CSS code) you'll need to copy it to, which can be found on   for all wiki users, and   for yourself. 

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

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

基本的にすべてのボタンとフォームの入力は、文字どおりの意味を持ちます. すべてのページに表示されない変数がいくつかあり、それらは以下のようになります.
 * インターフェイスのメッセージボックス. These elements appears in situations like that a user group setting is successfully applied when JavaScript disabled, translation page edit notice warning, MediaWiki exceptions that appears on page editing, user talk page notices with no Echo and other notification extensions installed, and so on.



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

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

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

ArchWiki
A theme that imitates ArchWiki, last exported on 1.1.15.r32.g4282f3c.



手動で変数を変更する
下記は、CSS 変数の既定の設定です. これらの設定を変更し、結果をあなたの  に記載します:

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

パラメーター


サイドバーアイコン
残念ながら、ページに多くの画像を含めずに、外装にアイコンを追加するのは簡単ではありません. Webフォントアイコンの読み込み時間に耐えられる方は、以下の方法で試してみてください. まず始めに、CSSにアイコンのフォントフェイス（この全体の例では、Material Icons）を含めます（ ）. フォントフェイスを 以外の場所に読み込んでいる可能性がありますが、その場合は、それらが互いに競合しないことを確認してください.

そして、疑似要素を使うので、アイコンのスペースを確保するためのパディングや余分な設定が施されています.

さて、いよいよ実際のアイコンを追加していきます. Devtools（右クリック→Inspect Elementで開くツール）でリストアイテムのIDを見ることができますが、いよいよ擬似要素（アイコン）の実際の中身を設定していきます.

この例では、マテリアルアイコンは、特定の文字列（ここで使用）と特定のアイコンのコードポイントをサポートしています. マテリアルアイコンに使用できる文字列やコードポイントについては、アイコン - Google Fontsを参照してください. 例えば、ある著者のサイトでは、管理者用の掲示板を設置しました.

の部分は、MediaWiki:Sidebarにおいて使用したシステムメッセージに対応します.

Personal menu icons
Personal menu is basically the same.