Skin:BootStrapSkin

From MediaWiki.org
Jump to navigation Jump to search
MediaWiki skins manualManual:Skins - category
Crystal Clear device blockdevice.png
BootStrapSkin

Release status: unknown

BootStrapSkin.jpg
Author(s)Template:Skin#username
Latest versionTemplate:Skin#version

2.0 (2018-01-24)

MediaWikiTemplate:Skin#mediawiki 1.30+
PHPTemplate:Skin#php 5.4+
LicenseTemplate:Skin#license GPL-2.0+
DownloadTemplate:Skin#download (external site)
ExampleTemplate:Skin#example mediawikibootstrap.org

Translate the BootStrapSkin skin if it is available at translatewiki.net

Check usage and version matrix;

The BootStrapSkin is a commercially available modified Vector skin utilising Bootstrap (v3.1.1). It includes a custom Bootstrap style (33k lines of code) along with several jQuery and JavaScript utilities to create a dynamic, clean skin that allows for the addition of eye-catching typography.

The present page is only intended as a quick summary. Please visit https://mediawikibootstrap.org/ for fuller details and demonstrations.

Features[edit]

  • Includes twelve colour stylesheets; Black, blue (the default colour), brick, brown, gray, green, leaf, pink, purple, red and turquoise, in addition to a rtl version. Just open boostrapskin.php and change bootstrap/bootstrap/css/bootstrap-blue.css to the appropriate color style, found in bootstrap/bootstrap/css.
  • Colour classes. The skin offers 23 colour classes (including 4 default Bootstrap colours, namely "info", "success", "warning" and "danger"), 5 shaded colours (dependent on the skin colour i.e. 5 shades of blue, brick, brown etc) and a further 14 custom colours, all of which can be applied to any of the typography items.
  • 'Typographical' features in the broad sense of the term. There are currently 27 such features that can be included into MediaWiki articles using nothing more than div, span and ul tags. No raw html input is required. All of the typography can be added using only tags allowed by MediaWiki. More features will be included over time. Some of the more popular ones are:
    • Carousel (preferred setting "$wgAllowExternalImages = true;" in LocalSettings.php)
    • FontAwesome, Glyphicons and Fam Fam icons
    • Buttons
    • Social buttons
    • BootStrap Prettify
    • Horizontal and vertical info boxes
    • In-content dropdown navigation
    • NavTabs
    • Dismissable/Sortable/Removable Portlets - Can be set to 'opened' or 'closed' on page load
    • Pagination
    • Tooltips - Position can be set to top, bottom, left and right
    • Popovers - As above
    • Modals - Use any of the features in the Modal
Visit the website for a complete list of features as well as guides on adding them to your site.

Screenshots[edit]

Mobile Features[edit]

As of version 1.0.43 BootStrapSkin is mobile friendly. Prior to release it was tested by a handful of users and the core team on the iPhone 4/5, HTC 1/8, Nokia Lumia, Samsung Galaxy, Google Nexus, iPad mini, Kindle Fire, Acer A500 and Blackberry Playbook.

The BootStrapSkinSidebar Extension and MediaWiki admin/user links are hidden when viewed on small devices and the font is reduced dependent on the screen sizes, 13px for small devices and 12px for extra small devices.


Installation[edit]

For general documentation on the use of skins, see Help:Skins.
Installation instructions have changed for version 2.0


  • Download, extract and place the file(s) in a directory called strapping in your skins/ folder.
  • Add the following code at the bottom of your LocalSettings.php:
require_once "$IP/skins/strapping/strapping.php";
$wgDefaultSkin = "strapping";

// Also invoke dependencies (included in the zip)
require_once "$IP/skins/strapping/StrappingExtension.php";
require_once "$IP/skins/strapping/extensions/WikiArticleFeeds/WikiArticleFeeds.php";
require_once "$IP/skins/strapping/extensions/Gallery/Gallery.php";
  • YesY Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

If in doubt see here for recent instuctions.

Version history[edit]

Older versions remain active and downloadable, though please refer to separate installation instructions.

  • 0.0.38 - Released 17th June 2014 -
  • 0.0.39 - Released 23rd June 2014 - Changed naming convention
  • 0.0.40 - Released 24th June 2014 - Removed conflicting JavaScripts (lightbox,magnific-popup and holder)
  • 0.0.41 - Released 3rd July 2014 - Corrected an error which meant radio's and check boxes were not displaying.
  • 1.0.42 - Released 25th July 2014 - Removed lightbox bug, moved personal links, added several new features and footer icons.
  • 1.0.43 - Released 22nd August 2014 - Substantial mobile viewing improvements, solved search (autocomplete issue), custom footer and new extension.
  • 1.0.44 - Released 10th July 2016 - Used explicitly for pro versions of the skin.
  • 1.0.46 - Released 12th March 2015 - New Hadron Skin - proposed release date August 2015.
  • 1.0.47 - Released 5th November 2015 - Nexus 4 System - Duel Mediawiki skin and Wordpress theme.
  • 2.0 - Release date 24th January 2018 Download from - https://mediawikibootstrap.org/

See also[edit]

Other skins and extensions based on Bootstrap: