Jump to: navigation, search

Get Bootstrapskin (Download and Install Guide)

Download BootStrapSkin 1.0.43

This is the latest version, released August 21st 2014, it's primary purpose is to address BootStrapSkins mobile viewing problems.

Prior to launch 1.0.43 was tested extensively by users on a variety of mobile devices including the iPhone 4/5, HTC 1/8, Nokia Lumia, Samsung Galaxy, Google Nexus, iPad mini, Kindle Fire, Acer A500 and Blackberry Playbook.

In addition to solving the resizing issue for a multitude of screen sizes and mobile devices 1.0.43 also hides (and modifies) some non-essential (mobile viewing) elements. For screen sizes of <768px Mediawiki admin links, search and BootStrapSkinSidebar are hidden, font size is also reduced to 13px for small devices and 12px for extra small devices.

Bootstrapskin does not work with Mediawiki versions <1.22.5

Localhost installations: Please use Xampp.

Bootstrapskin does not work with wikis that were installed using Composer.

What's New?

To date this is our single biggest update of BootStrapSkin, with a host of additional features requested by members and users, these include;

  • BootStrapSkinSidebar extension
  • Two additional css styles (black and rtl)
  • Two extra skin layouts
  • Added security to BootStrapSkinContacts extension

We've also included a selection of optional Social media plugins that can be added after BootStraSkin has been installed (see here for details).

  • Twitter Feed Plugin
  • Youtube Plugin
  • Social Sharing Plugin

Optional Extensions

The optional addons from the previous version are still included and only require a minor edit to bootstrapskin.php to install (see below).

  • Fam Fam Icons
  • BootStrap Social Buttons
  • BootStrap Prettify
  • Contact Page
  • BootStrapSkinSidebar (Google Nexus Menu)

Other addons such as GlyphIcons are still available but have been "switched off," again it only requires a minor modifaction to reinstall.

Installation Instructions

Download and extract the file(s) in a directory called BootStrap in your skins/ folder.

Dont be concerned that there isn't a base file in skins root, this is normal.

Add the following code at the bottom of your LocalSettings.php

require_once( "$IP/skins/bootstrap/bootstrapskin.php" );
$wgDefaultSkin = "bootstrapskin";

Optional mods which will help with some of the features;

$wgRestrictDisplayTitle = false;
$wgAllowExternalImages = true;
RestrictDisplayTitle

BootStrapSkin offers numerous alternatives to style article titles. Using this setting allows you to decide if you want to include the default title styling or not. If its a not add the following to the top of the page;

{{DISPLAYTITLE:<span style="display: none"></span>}}
AllowExternalImages

Images render a little better when the complete link is used, opposed to using the wiki syntax. Using this method also allows you to add style to images, which is especially important if you intend to use Carousel.

Post Install Configuration

View the guides pages to see how the typography can be added to articles or join our forums and ask for help.

You will also find it beneficial to read the following at the Bootstrap website, which gives details of the basic bootstrap typography, most of which works with BootStrapSkin.

If you intend to use the forums be mindful that I am UK based and while I try to answer questions in a timely manner, there may be some delay, especially Monday to Friday. If your query is urguent use the contact page as these messages are also sent to my mobile phone.

Installing Addons

Installing an addon involves nothing more than removing the comments // from the appropriate line in boostrapskin.php

$wgResourceModules['skins.bootstrapskin'] = array(
        'styles' => array(
                'bootstrap/bootstrap/css/bootstrap-blue.css' => array( 'media' => 'screen' ),
                'bootstrap/screen.css' => array( 'media' => 'screen' ),
                'bootstrap/theme.css' => array( 'media' => 'screen' ),
                'bootstrap/bootstrap/css/jquery-ui.min.css' => array( 'media' => 'screen' ),
                'bootstrap/bootstrap/css/font.css' => array( 'media' => 'screen' ),
                'bootstrap/bootstrap/css/jquery-ui.min.css' => array( 'media' => 'screen' ),
             //'bootstrap/bootstrap/css/glyphicons.css' => array( 'media' => 'screen' ),
             //'bootstrap/bootstrap/css/fam-icons.css' => array( 'media' => 'screen' ),
                'bootstrap/bootstrap/css/typography.css' => array( 'media' => 'screen' ),
                'bootstrap/bootstrap/css/misc.css' => array( 'media' => 'screen' ),
             //'bootstrap/bootstrap/css/social-buttons.css' => array( 'media' => 'screen' ),
             //'bootstrap/bootstrap/css/prettify.css' => array( 'media' => 'screen' ),
   ),
   'scripts' => array(
                'bootstrap/bootstrap/js/jquery-ui.min.js',
                'bootstrap/bootstrap/js/bootstrap.js',
                'bootstrap/skin.js',
                'bootstrap/bootstrap/js/buttons.js',
                'bootstrap/bootstrap/js/portlets.js',
                'bootstrap/bootstrap/js/misc.js',
             //'bootstrap/bootstrap/js/run_prettify.js',      
   ),
   ),

Contact Extension

Use of this extension is entirely optional if you don't want to use it, ignore the following.

Move to the extensions folder and edit contacts-process.php and replace with your email as below;

$to = [email protected]'; // Replace with your email

And then add the following to LocalSettings.php

require_once "$IP/extensions/BootStrapSkinContact/BootStrapSkinContact.php";

Refresh browser cache and navigate to Special:SpecialContact and test the functionality and create the resultant thank you page once you land there after sending your first message.

BootStrapSkinSidebar Extension

Currently only available with Bootstrapskin.skin_V1

Move to the extensions folder and add the following to LocalSettings.php

require_once "$IP/extensions/BootStrapSkinSidebar/BootStrapSkinSidebar.php";

Refresh browser cache and then edit bootstrap/extensions/BootStrapSkinSidebar/Sidebar.php

Skin Variations

1.0.43 includes three versions of bootstrapskin.skin.php, these are;

  • Bootstrapskin.skin.php - original nav that uses the Mediawiki SideBar
  • Bootstrapskin.skin_V1.php
  • Bootstrapskin.skin_V2.php
Bootstrapskin.skin_V1.php

Displays the main menu below the logo with Mediawiki links at the top left.

Bootstrapskin.skin_V2.php

Version two displays the main menu top left with Mediawiki links below the logo and search top right.

Rename your prefered version to Bootstrapskin.skin

Custom Footer

Version 1.0.43 includes a new customisable footer, located in the root folder (footer.php) edit as required. If you don't want to use the custom footer, rename or delete footer.php and the skin will revert to the Mediawiki default footer.

Also includes bootstrap styled social icons, the default Mediawiki footer and the ability to add several additional logo's.

Note: We now have a social extension which gives better functionality see here to view and download

Core Team

  • Lee Miller
  • Dennis Groenewegen
  • Jay Mckintosh

Support

Any problems or questions on achieving styles not included in the guides join our forum, the moderators are excellent and will answer pretty much anything on Bootstrap and Mediawiki.

Localhost Support

For users who are developing a wiki on a private server (e.g. xampp, lamp etc.). If you're having problems with a customisation, please join our BootStrapSkin Members Wiki, create a page which contains your code, then create a support request at the forums with a link to your wiki page.

You must be "email confirmed" to create wiki pages! See the bottom of the preferences page.

BootStrapSkin is updated often! Members and users are informed of updates through our Twitter Feed.

Extending Bootstrapskin

We also provide several popular Mediawiki extensions - Lighbox Image Gallery, Slideshow, News Ticker, Bread Crumbs, Social Sharing, Google Maps, Youtube Video, Twitter Feed and more, demos can be seen on the Anniversary skins demo. Extensions are included with each or can be purchased seperately from the shop.

Download!

To obtain any of the skins you will need to make a small donation. Once you've made the donation you'll receive a notification email that contains a download link to the files, this can sometimes take as long as half an hour to arrive. The email contains a link to the skin you have chosen, plus all of the Bootstrapskin family extensions. Links are only valid for three days, but if you need to access them at any other time please visit the shop and login.

Support is now provided through the new forums.

WikiEvolved!

Bootstrapskin is evolving!

A Bootstrap hybrid wiki that's More Bootstrap and Less Mediawiki.