MediaWiki skins manual - category
Foreground
Release status: stable
Description Focuses on putting your content in the foreground
Author(s)
  • Garrick van Buren,
  • Jamie Thingelstad,
  • Tom Hutchison
Latest version 2.4.0 (2021-02-11)
MediaWiki 1.35.x and 1.36.x
PHP 7.2+
License BSD 2-clause "Simplified" License
Download
README
CHANGELOG
Example
Quarterly downloads 106 (Ranked 9th)
Public wikis using 312 (Ranked 27th)
Public wikis using as default skin 150
Translate the Foreground skin if it is available at translatewiki.net
Issues : Open tasks · Report a bug

The Foreground skin focuses on putting your content in the foreground. It supports responsive layouts and has classes predefined for Semantic MediaWiki. Built on Zurb's Foundation Framework (v5.5.3), a "mobile first" and advanced responsive front-end framework.

Highlights

  • MediaWiki on top and at the bottom, nothing but content in the middle.
  • Useful Tabs. Built-in and responsive own tabs.
  • Smart Typography. Choose the design of the text that you need.
  • Grid Layout. Place your information efficiently on desktop and mobile devices
  • Full support of Font Awesome (v4.5)

Installation

  • Download and place the file(s) in a directory called Foreground in your skins/ folder.
  • Add the following code at the bottom of your LocalSettings.php file: 
    wfLoadSkin( 'Foreground' );
  • Configure as required
  • Yes Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.
See the README for detailed instructions.
When upgrading to REL1_41 make sure that the code is at ../path/to/skins/Foreground/..

Configurations

  • Page actions for non-logged-in visitors.
  • Show help and recent changes under tools.
  • Alternate WikiName sets the top navbar name allowing you to abbreviate your wiki's name. Useful if your $wgSitename is long but you need to keep it for other purposes.
  • Display an icon in the top navbar.
  • Able to produce a meta tag with "X-UA-Compatible" content="IE=edge" to force IE to use the latest browser engine. For instances when someone has their browser set in compatibility mode.
  • Output the footer icons or suppress them showing only text.
  • AddThis PubID to enable follow icons in the footer.

See the README file for information on how to install and configure this skin.

See also

This article is issued from Mediawiki. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.