Skin:Medik

MediaWiki skins manual - category

Medik Release status: stable
Description	Simple and clean skin based on the Bootstrap 5 library.
Latest version	5.1.3 (2023-07-31)
Compatibility policy	Master maintains backwards compatibility.
MediaWiki	1.39+
PHP	7.0+
License	Creative Commons Zero v1.0 Universal
Download	Download master snapshot Bitbucket: project page git repository URL [help ] commit history Note: No localisation updates are provided by translatewiki.net .
Example	WikiSkripta
Parameters $wgMedikColor $wgMedikContentWidth $wgMedikShowLogo $wgMedikLogoWidth $wgMedikMobileSitename $wgMedikUseLogoWithoutText
Public wikis using	56 (Ranked 47th)
Public wikis using as default skin	26
Translate the Medik skin if it is available at translatewiki.net

Medik is a simple and clean MediaWiki skin based on Bootstrap 5.

Compatibility

MediaWiki version	Medik version	Libraries included
MW 1.29 - 1.38	Medik v3.2.7	Bootstrap 4.6.0 and popper.js 1.16.1
MW 1.39	Medik v4.0.2 and v4.0.3	Bootstrap 4.6.0 and popper.js 1.16.1
MW 1.39+	Medik v5.0+	Bootstrap 5.3.x (bundled with popper.js)

For appropriate version of Medik skin please visit the list of versions.

Installation

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

  wfLoadSkin( 'Medik' );
  $wgDefaultSkin = 'medik';
  

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

Note that one does not need to install the libraries listed in the compatibility section. They ship with Medik.

Configuration

You can use the following configuration parameters in your LocalSettings.php file:

Variable	Description	Possible values	Default
Theme color
$wgMedikColor	The Medik color scheme (navbar background, underlines etc.).	CSS colors (e.g. '#ACFE00' or 'blue')	'#FFBE00'
Site logo
$wgMedikShowLogo	Show logo in the navbar or in the sidebar. By default, the logo is hidden.	'none' (Default) 'main' (i.e. small logo in the main navbar) 'sidebar' (i.e. big logo in the sidebar)	'none'
$wgMedikLogoWidth	Width of the logo in the main navbar (i.e. you have to set $wgMedikShowLogo = 'main'; first).	CSS width (e.g. '210px' or '2em' etc.).	'default'
$wgMedikUseLogoWithoutText	Use only logo and hide the site name in the left upper corner of the wiki. Note that you have to set $wgMedikShowLogo to either 'main' or 'sidebar'.	false true	false
Other options
$wgMedikMobileSitename	If your wiki's name is longer than about 13 to 15 characters, you can define a shorter one only for the mobile screen. On desktop, $wgSitename will be displayed as usual.	string e.g. 'ShortWiki'	null
$wgMedikContentWidth	On large screens, the main content container (with articles, texts, etc.) is 9/12 of the screen width and sidebar menu takes 2/12 of the screen width. It means that 1/12 of the screen width on the right side remains white. This is the default. But there can be cases when you need your wiki to extend to the full width of the screen even on the large screens. Then you can use $wgMedikContentWidth variable in your LocalSettings.php file and set that to 'full'. Then the main content container will take 10/12 of the screen width (and 2/12 remain for the sidebar menu). If you need a narrow main content area, use 'narrow' instead. Then the main content container will take 8/12 of the screen width (and 2/12 remain for the sidebar menu on the left and 2/12 for the white space on the right).	'default' 'full' 'narrow'	'default'

License

This skin:

• based on Skin:Example (licensed under CC0)
• using Bootstrap 5 (licensed under MIT license)
• using popper.js bundled with Bootstrap (licensed under MIT license)
• is originally created for WikiSkripta medical wiki
• released under Creative Commons Zero v1.0 Universal license (CC0).

This software is distributed without any warranty.

See also

Other skins and extensions related to the Bootstrap framework:

• Skins based on Bootstrap - Overview of skins based on the Bootstrap framework

• Extension:Bootstrap - Provides the Bootstrap framework to MediaWiki

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

Other

• Bootstrap for MediaWiki wiki — Examples and Demos
• Enhance Your MediaWiki with Bootstrap — Blog post about improving your wiki by integrating it with Bootstrap and its components; published January 20, 2024