Bootstrap voor MediaWiki: verschil tussen versies
k |
(→Mogelijkheden) |
||
Regel 11: | Regel 11: | ||
*[http://tweeki.thai-land.at/wiki/Tabs Tabs] verbeteren de overzichtelijkheid (vergelijkbaar met Accordeons) | *[http://tweeki.thai-land.at/wiki/Tabs Tabs] verbeteren de overzichtelijkheid (vergelijkbaar met Accordeons) | ||
*[http://tweeki.thai-land.at/wiki/Tooltips Tooltips] help de gebruikers bij interacties | *[http://tweeki.thai-land.at/wiki/Tooltips Tooltips] help de gebruikers bij interacties | ||
+ | |||
+ | Daarnaast biedt Bootstrap een "grid" van 12 kolommen breed waarmee de layout responsive wordt (zich aanpast aan de grootte van het scherm). | ||
+ | |||
+ | Enkele voorbeelden (van bootstrap in Tweeki-skin): | ||
+ | *[http://tweeki.thai-land.at/wiki/Configuration_Options#Grids Template] | ||
+ | *[http://tweeki.thai-land.at/wiki/Navigation Navigatie] | ||
+ | *[http://getbootstrap.com/2.3.2/scaffolding.html Grid - Bootstrap 2.3.2] | ||
+ | *[https://v4-alpha.getbootstrap.com/examples/grid/ Grid - Bootrstrap 4] | ||
== Integratie van Bootstrap in MediaWiki == | == Integratie van Bootstrap in MediaWiki == |
Versie van 28 sep 2017 om 16:19
Bootstrap is een verzameling hulpmiddelen voor het maken van websites en webtoepassingen. Het is open source (vrije software en gratis te gebruiken). Het bevat sjablonen gebaseerd op HTML en CSS voor typografie, formulieren, knoppen, navigatie en andere interfaceonderdelen. Het bevat ook JavaScript-extensies.[1]
Mogelijkheden
Bootstrap biedt een aantal mogelijkheden om de gebruiksvriendelijkheid van een MediaWiki-website te verbeteren. Enkele voorbeelden (van bootstrap in de Tweeki-skin):
- Accordions verbeteren de overzichtelijkheid (met behoud van SEO)
- Buttons vergemakkelijken de navigatie
- Forms maken de website interactief
- Modals geven extra informatie (met behoud van SEO)
- Navigation is helder en overzichtelijk
- Tabs verbeteren de overzichtelijkheid (vergelijkbaar met Accordeons)
- Tooltips help de gebruikers bij interacties
Daarnaast biedt Bootstrap een "grid" van 12 kolommen breed waarmee de layout responsive wordt (zich aanpast aan de grootte van het scherm).
Enkele voorbeelden (van bootstrap in Tweeki-skin):
Integratie van Bootstrap in MediaWiki
Hoewel het in principe mogelijk is om bootstrap in combinatie met iedere skin te integreren, is dat in de praktijk niet veel voor. Meestal is Bootstrap geïntegreerd in een skin. Bekende skins met Bootstrap geïntegreerd zijn:
Wanneer een skin geen geïntegreerde versie van Bootstrap heeft, zijn de volgende extensies een alternatief:
- Extension:BootStrap Maakt gebruik van Bootstrap styling mogelijk op wiki-pagina's
- Extension:Bootstrap (let op de spelling) integreert het Bootstrap-framework - onderdeel van de Chameleon skin.
- ↑ Wikipedia