Skin:Liberty

MediaWiki skins manual - category

Liberty
Release status: stable

Description

Responsive skin for LibreWiki

Author(s)

Liberwiki Developement Team
Issue tracker

Latest version

1.7.1

MediaWiki

1.33 (master branch)^[1]

1.33 (REL1_33 branch)

1.31 (REL1_31 branch)

1.27 (REL1_27 branch)

License

GNU General Public License 3.0 or later

Download

GitLab:

Note:
No localisation updates are
provided by translatewiki.net .

Example

Librewiki

Parameters
$wgLibertyMainColor $wgLibertySecondColor $wgTwitterAccount $wgLibertyOgLogo $wgNaverVerification $wgLibertyAdSetting $wgLibertyEnableLiveRC $wgLibertyMaxRecent $wgLibertyLiveRCArticleNamespaces $wgLibertyLiveRCTalkNamespaces

Hooks used

Translate the Liberty skin if it is available at translatewiki.net

The Liberty skin is based on Bootstrap. This skin is designed with a responsive design.

FeaturesEdit

Liberty is a responsive skin based on Bootstrap and is designed to handle all three environments: desktop, tablet, and smartphone.
It has real-time recent updates and SNS sharing.
It supports various setting changes for wiki sites using common MediaWiki.
Support for Google Ads and Twitter Cards.
Support for Gravata allows you to display profile pictures based on the email address set on the wiki.
Support dark mode based on browser settings.
Supports skin environment adjustment. (On Preferences → Liberty skin tab)
- Personal theme color settings are available.
- Personal font settings are available.
- You can set individual top bar.

For general documentation on the use of skins, see Help:Skins.

Download, extract and place the file(s) in a directory called Liberty in your skins/ folder.
Add the following code at the bottom of your LocalSettings.php:

wfLoadSkin( 'Liberty' );
$wgDefaultSkin = "Liberty";

Configure as required.
Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

Please set these parameters in the "LocalSettings.php" file.

If you want detailed information, please watch this(In korean) [1]

Name	Description	Example Variable	Default Variable
`$wgLibertyMainColor`	`theme-color` configurations, main color of site	`#4188F1`	`#4188F1`
`$wgLibertySecondColor`	Configure of second color of site	`#2774DC`	The value of `$wgLibertyMainColor` subtracted by `1A1415`
`$wgTwitterAccount`	Default Twitter account to set a mention	`librewiki`	(none)
`$wgLibertyOgLogo`	OpenGraph Image Logo	`https://librewiki.net/images/6/6a/Libre_favicon.png`	(Value of `$wgLogo`)
`$wgNaverVerification`	Naver Webmater Tool Verification Code	(Value supplied by Naver.com)	(none)
`$wgLibertyAdSetting`	Google Adsense Settings	`array( 'client' => '(Value supplied by Google)', 'header' => '1234567890', 'right' => '0987654321' )`	(none)
`$wgLibertyEnableLiveRC`	Enables ‘Recent Changes’ on the right side	`true`	`true`
`$wgLibertyMaxRecent`	Recent X edits appearing in ‘Recent Changes’	`10`	`10`
`$wgLibertyLiveRCArticleNamespaces`	Namespaces for the first tab in ‘Recent Changes’	`[NS_MAIN, NS_PROJECT, NS_TEMPLATE, NS_HELP, NS_CATEGORY]`	`[NS_MAIN, NS_PROJECT, NS_TEMPLATE, NS_HELP, NS_CATEGORY]`
`$wgLibertyLiveRCTalkNamespaces`	Namespaces for the second tab in ‘Recent Changes’	`[NS_TALK, NS_USER_TALK, NS_PROJECT_TALK, NS_FILE_TALK, NS_MEDIAWIKI_TALK, NS_TEMPLATE_TALK, NS_HELP_TALK, NS_CATEGORY_TALK]`	`[NS_TALK, NS_USER_TALK, NS_PROJECT_TALK, NS_FILE_TALK, NS_MEDIAWIKI_TALK, NS_TEMPLATE_TALK, NS_HELP_TALK, NS_CATEGORY_TALK]`

Please fill out MediaWiki:Liberty-Navbar article in the following format.

First-Level menu:
* icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right
Second-Level menu:
** icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right
Third-Level menu:
*** icon=icon | display=display text | title=hover text | link=link | access=shortcut key | class=custom HTML classes | group=required user group | right=required user right

All values are optional, but at least one of icon or display must be set.
If title is not set, display is used instead.
If you don't want to set some parameters, you can skip them. As an example, if you don't want to set an icon, skip icon=....
You can use i18n message names of MediaWiki for the values of display and title to show the i18n messages (e.g., write recentchanges to show Recent changes).
Shortcut keys can be used as Alt-Shift-(Key).
When setting shortcuts, be careful not to overlap with the default shortcuts provided by MediaWiki.
Custom classes are separated by , (e.g., write classA, classB to add classA and classB class).
A list of possible Icons can you find here at fontawsome.com. All free icons are available to use.

You can see an example on LibreWiki.

Other skins and extensions based on Bootstrap: