Skin:Medik

MediaWiki skins manual - category
OOjs UI icon layout-ltr.svg
Medik
Release status: stable
Skin Medik.png
Description Simple and clean skin based on the Bootstrap 4 library. Originally and continuously developed for WikiSkripta.
Latest version 3.2.2 (2021-08-21)
MediaWiki 1.29+
PHP 7.0+
License Creative Commons Zero v1.0 Universal
Download Download master snapshot

Bitbucket:

Example WikiSkripta
Parameters
  • $wgMedikColor
  • $wgMedikContentWidth
  • $wgMedikShowLogo
  • $wgMedikLogoWidth
  • $wgMedikMobileSitename
  • $wgMedikUseLogoWithoutText
  • $wgMedikResponsive
Translate the Medik skin if it is available at translatewiki.net
Check usage and version matrix;

The Medik skin is a simple skin based on Bootstrap 4 which was originally developed for WikiSkripta.

InstallationEdit

  • 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:
wfLoadSkin( 'Medik' );
$wgDefaultSkin = 'medik';
  • Configure as required.
  •   Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

ConfigurationEdit

Global settingsEdit

You can use the following configuration variables 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
$wgMedikResponsive If you need to disable the responsiveness of the skin (i.e. you don't want the skin to adjust to the screen size), set this to false.
  • false
  • true
true
$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).

If you need a wide main content with only a narrow left sidebar, use 'wide'. Then the sidebar will be 1/12 and the main content 10/12 on large screens.

  • 'default'
  • 'full'
  • 'narrow'
  • 'wide'
'default'

User preference optionEdit

Basic font size
Every user is able to change the default font size in their user settings. It's found on page "Special:Preferences" under the skin preferences.
The wiki's default font size can be defined by adding e.g. the following line to your "LocalSettings.php":
$wgDefaultUserOptions['medik-font'] = '1.0em';
Possible values for this setting are 0.8em (80%), 0.85em(85%), 0.9em(90% - default), 0.95em (95%), 1.0em (100%), 1.05em (105%) and 1.1em (110%). However, you can use any other valid CSS declarations.
Notes
  • Regardless of the current user settings or the settings of the entire wiki, the user will always see 90% as the default value in their settings page.
  • If you would like to disallow users to choose another skin but sill allow users to select the size of the font used you need to add the following to your "LocalSettings.php" file:
$wgHiddenPrefs[] = 'skin';
$wgAllowUserCss = true;
.

LicenseEdit

Created at 1st Faculty of Medicine, Charles University, Czech Republic, 2019–2021.

This skin is:

This software is distributed without any warranty.

See alsoEdit

Other skins and extensions related to the Bootstrap framework: