佈景主題: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 70% complete.
Outdated translations are marked like this.
MediaWiki佈景主題手冊 - 分類
OOjs UI icon layout-ltr.svg
Lakeus
發行狀態: 穩定版
SkinLakeus.png
作者
  • Lakejason0
  • Light beacon
  • Dianliang233
  • Winston Sung
  • ...
最新版本 1.0.18 (2021-10-16)
相容性方針 Snapshots releases along with MediaWiki. Master is not backwards compatible.
MediaWiki 1.36+
許可協議 GNU General Public License 3.0 or later
下載
範例 Example on MediaWiki Skins Wiki
參數
  • $wgLakeusShowRepositoryLink
  • $wgLakeusSiteNoticeHasBorder
翻譯佈景主題(如果佢喺translatewiki.net上提供嘅話)
檢查用途及版本矩陣

Lakeus係一款旨在提供簡潔而完整體驗嘅佈景主題。 以佢嘅作者之一,Lakejason0嘅小説角色命名。

安裝

  • Download,將佢擺落你skins/文件夾嘅Lakeus目錄入面。
  • 將下面嘅代碼添加落你LocalSettings.php嘅底部:
wfLoadSkin( 'Lakeus' );
  • Yes Done - 喺你嘅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嚟繞過呢個特性。

參數

Parameter Type Default Description
$wgLakeusShowRepositoryLink Boolean true $1係一個布爾值,決定係咪要喺頁腳度展示指向呢款佈景主題嘅倉庫嘅連結。
$wgLogos 目前,只有iconwordmark會被使用;其餘鍵名(例如svg1x1.5x2x等)唔會被呢款佈景主題使用。請注意,其他佈景主題亦有可能使用由icon提供嘅圖片。與此同時亦都會使用其他鍵名,因此請唔好用以上鍵名嘗試為呢款佈景主題提供單獨嘅圖標。 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.
$wgLakeusSiteNoticeHasBorder Boolean false Determines whether to add a skin provided border to site notice. Enabling it can be useful for plain text notices, but if you've already got a border in your site notice content, you can leave it disabled.