Skin:Liberty

From MediaWiki.org
Jump to navigation Jump to search
MediaWiki skins manual - category
Crystal Clear device blockdevice.png
Liberty
Release status: stable
Screenshot-skin-liberty.png
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
readme
changelog
Example Librewiki
Parameters
  • $wgLibertyMainColor
  • $wgLibertySecondColor
  • $wgTwitterAccount
  • $wgLibertyOgLogo
  • $wgNaverVerification
  • $wgLibertyAdSetting
  • $wgLibertyEnableLiveRC
  • $wgLibertyMaxRecent
  • $wgLibertyLiveRCArticleNamespaces
  • $wgLibertyLiveRCTalkNamespaces
Translate the Liberty skin if it is available at translatewiki.net
Check usage and version matrix;

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

Features[edit]

  • 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.

Installation[edit]

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.
  • Yes Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

Configuration[edit]

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]

Navbar[edit]

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).

You can see an example on LibreWiki.

Other skins and extensions based on Bootstrap:

  1. Maybe LTS Version will be supported