Skin:Foreground

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
MediaWiki	>= 1.39.0
PHP	7.4.3+
License	BSD 2-clause "Simplified" License
Download	Download skin Git [?]: Download Git master browse repository (Phabricator · GitHub) commit history repository contributors (GitHub) code review README CHANGELOG
Example	foreground.wikiproject.net skins.toolforge.org Wikimedia Skins Lab
Parameters $wgForegroundFeatures
Quarterly downloads	62 (Ranked 8th)
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
•  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/..

Configuration

• 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

• Mailing list (archive)
• Foreground demo wiki
• Report an issue or feature request
• Sites using Foreground — Feel free to add your wiki!
• Usage of Foreground monitored at WikiApiary
• Foundation
  • Foundation Framework (v5.5.3) Documentation