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
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:

This software is distributed without any warranty.

See also

Other skins and extensions related to the Bootstrap framework:

Other