Skin:Liberty

**MediaWiki skins manual** - **category**
Liberty; Release status: stable
Description	Responsive skin for LibreWiki
Author(s)	Liberwiki Developement Team;
Latest version	1.11.0
MediaWiki	1.37 (master branch) 1.35 (REL1_35 branch) 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: project page; git repository URL [help]; commit history; ; ; readme; changelog
Example	Librewiki
Parameters
	$wgLibertyMainColor; $wgLibertySecondColor; $wgTwitterAccount; $wgLibertyOgLogo; $wgNaverVerification; $wgLibertyAdSetting; $wgLibertyAdGroup; $wgLibertyMobileReplaceAd; $wgLibertyEnableLiveRC; $wgLibertyMaxRecent; $wgLibertyLiveRCArticleNamespaces; $wgLibertyLiveRCTalkNamespaces;
	Hooks used GetPreferences;
	Translate the Liberty skin if it is available at translatewiki.net
	Check usage and version matrix;

Other languages:

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 Adsense and Twitter Cards.
Support for Gravatar 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 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.

Set these parameters in the "LocalSettings.php" file.

If you want detailed information, check LibreWiki (Korean)

Name	Description	Example Variable	Default Variable
`$wgLibertyMainColor`	`theme-color` configurations, main color of site	`#4188F1`	`#4188F1`
`$wgLibertySecondColor`	Configuration for secondary color of site	`#2774DC`	The value of `$wgLibertyMainColor` subtracted by `1A1415`
`$wgTwitterAccount`	Default Twitter account to send a mention with Twitter Cards	`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]`

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 related to the Bootstrap framework:

Category:Skins based on Bootstrap - Overview of skins based on the Bootstrap framework

Extension:BootstrapComponents - Provides further components to the Bootstrap framework for MediaWiki