Der aktuelle Skin von
Go to file
Peter Grassberger b188757c3c Fix PULL_REQUEST_TEMPLATE typo (#49)
Thanks for the typo fix!
2018-02-08 09:01:43 -05:00
.github Fix PULL_REQUEST_TEMPLATE typo (#49) 2018-02-08 09:01:43 -05:00
assets Sitenotice fix (#32) 2017-04-26 17:02:20 -04:00
i18n Pivot will only support MW version 1.23 >, remove lang shim 2015-11-04 14:24:05 -05:00
.scrutinizer.yml fix scrutinizer with a .yml file 2017-02-22 09:11:33 -05:00
.travis.yml Release prep, v1.0.4, Changelog update, eliminate php 5.3, 5.4, 5.5 testing as it is unnecessary 2017-04-26 17:23:11 -04:00 Search patch (#38) 2017-05-04 05:13:54 -04:00
COPYING Update COPYING 2017-04-27 15:36:29 -04:00 Search patch (#38) 2017-05-04 05:13:54 -04:00 Fixes for AddThis, test for content pages for social share, updates to changelog and readme 2017-03-21 09:37:11 -04:00
composer.json Adding in travis 2015-11-04 14:44:17 -05:00
pivot.php update to skin and loading with wfLoadSkin 2017-03-12 12:52:30 -04:00
skin.json Search patch (#38) 2017-05-04 05:13:54 -04:00

MediaWiki Pivot Skin

Build Status Scrutinizer Code Quality

A MediaWiki skin that focuses on mobile first but will pivot to all viewports with elegance. Supports responsive layouts and has classes predefined for Semantic MediaWiki. Built on the Zurb Foundation 5 CSS framework.


First, copy the Pivot source files into your MediaWiki skins directory (see skinning for general information on MediaWiki skins). You can either download the files and extract them from:

You should extract that into a folder named pivot in your skins directory.

Alternatively, you can use git to clone the repository, which makes it very easy to update the code, using:

git clone

After that, you can issue git pull to update the code at anytime.


Once the skin is in place add the following line to your LocalSettings.php file.

wfLoadSkin( 'pivot' );

This will activate Pivot in your installation. At this point you can select it as a user skin in your user preferences.

To activate Pivot for all users and anonymous visitors, you need to set the $wgDefaultSkin variable and set it to pivot.

$wgDefaultSkin = "pivot";


Use following features in LocalSettings.php to change the behavior.

  • 'showActionsForAnon' => true displays page actions for non-logged-in visitors.
  • 'showHelpUnderTools' => true a Link to "Help" will be created under "Tools".
  • 'showRecentChangesUnderTool's => true a Link to "recent changes" will be created under "Tools".
  • 'IeEdgeCode' => 1 will produce a meta tag with "X-UA-Compatible" content="IE=edge", 2 will sent a header, 0 nothing will be done
  • 'fixedNavBar' => false will allow the NavBar to scroll with the content, true will lock the NavBar.
  • 'navbarIcon' => false no icon in mobile view, true to use the global set logopath image of the wiki.
  • 'showFooterIcons' => false will show text in place of footer icons, true will output the icons as globally set.
  • 'addThisPUBID' => '' empty string will not fire the AddThis script, 'ra-##-#######' publisher ID will allow the run the AddThis script in async on content pages only.
  • 'useAddThisShare' => '' default empty string, do not use AddThis share, your_addthis_specific_div_class_string will insert the share toolbox div directly under page title, but before the tagline with your custom div class.
  • 'useAddThisFollow' => '' default empty string, do not use AddThis follow, your_addthis_specific_div_class_string will insert the follow toolbox div in the right-footer area before icon or text output with your custom div class.

These are the default values and the example of the array to change the defaults. Add the following after wfLoadSkin( 'pivot' ); in LocalSettings.php to change the feature defaults:

$wgPivotFeatures = array(
	'showActionsForAnon' => true,
	'fixedNavBar' => false,
	'showHelpUnderTools' => true,
	'showRecentChangesUnderTools' => true,
	'wikiName' => &$GLOBALS['wgSitename'],
	'wikiNameDesktop' => &$GLOBALS['wgSitename'],
	'navbarIcon' => false,
	'IeEdgeCode' => 1,
	'showFooterIcons' => false,
	'addThisPUBID' => '',
	'useAddThisShare' => '',
	'useAddThisFollow' => ''

Notes on other skins

As you build a wiki out with Pivot you will likely use the responsive grid from Foundation. This is key to making a responsive wiki, and is one of the largest migration requirements when you want to move a wiki that previously used Vector (and likely a lot of tables for layout) to Pivot. Once you do this, the ability of a user to select whatever skin will be removed. If you take full advantage of Pivot in your templates the lack of the Foundation grid will make viewing the wiki using Vector or MonoBook very difficult.

Because of this, it is suggested that you set the $wgSkipSkins variable to make sure that everyone sees the site as you intended it. This removes other skins from being user selectable options.

# Pivot is specific, so lets disable other skins
$wgSkipSkins = array( 'chick', 'cologneblue', 'modern', 'myskin', 'nostalgia', 'simple', 'standard', 'filament', 'monobook', 'vector' );

You may also want to allow users to set a User CSS if they want to tweak things inside of Pivot. This is entirely optional.

# Allow User CSS, mostly for skin testing
$wgAllowUserCss = true;

Using Pivot

Questions, open an issue in this repo on Github.