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

  1. Maybe LTS Version will be supported