Skin:Fredik
 Release status: experimental |
|
|---|---|
 |
|
| Description | Custom modification of skin Medik including modification of Bootstrap styles. |
| Author(s) | Radouch |
| Latest version | 1.0.0 (2025-08-29) |
| Compatibility policy | Follows the MediaWiki version lifecycle. Master is not backwards compatible. |
| MediaWiki | 1.43 |
| License | Creative Commons Zero v1.0 Universal |
| Download | GitHub: Note: |
| Example | https://www.franklinova-expedice.cz |
| Translate the Fredik skin if it is available at translatewiki.net | |
This is a MediaWiki skin based on the Bootstrap library, intended for the website https://www.franklinova-expedice.cz (in Czech language), originally created for WikiSkripta as skin:Medik.
The main difference from the original Medik is the use of a custom SCSS file for styling, allowing you to customize Bootstrap variables. There are also changes to the footer layout and to the styling of the sidebar and search box.
The skin should be compatible with MediaWiki 1.43 and is likely compatible with MediaWiki 1.44 (not tested).
WARNING
- This skin is rather a one‑off: there is no promise to develop it further (e.g., to keep it compatible with future MediaWiki releases).
- That said, all comments, bug reports, and suggestions are welcome.
- It is strongly recommend trying the original Medik skin as well.
Customization
[edit]Install Node.js and npm on your machine.
Go to the folder where you extracted the skin files and install the required packages by running the following command in the terminal:
npm install
Open scss/_variables-custom.scss file and customize the Bootstrap variables as needed. For more information about customizing Bootstrap, see https://getbootstrap.com/docs/5.3/customize/overview/.
Build the custom CSS by running the following command in the terminal:
npm run build:bootstrap:min
There is no way to customize the Bootstrap JavaScript file within this skin.
If you can’t or don’t want to customize Bootstrap styles as described above, you can use the original CSS files provided by Bootstrap or provide your own compiled Bootstrap CSS. Place the file bootstrap.min.css in resources/libraries/ in the skin folder.
Installation
[edit]Create a folder Fredik in the skins/ directory of your MediaWiki installation.
Upload the content of the skin folder from your machine, excluding folders:
node_modules.git.github.vscode
Add the following code at the bottom of your LocalSettings.php:
wfLoadSkin( 'Fredik' );
If you want to use it as default skin, add also:
$wgDefaultSkin = 'fredik';
You can use all configuration parameters described on the [Skin:Medik|original Medik skin page on MediaWiki]:
but replace the M prefix with Fr, e.g. $wgFredikColor instead of $wgMedikColor.
There is one additional parameter specific to Fredik — $wgFredikSubtitle. This is an optional subtitle shown after the site title on desktop.