Bootstrap voor MediaWiki: verschil tussen versies

Uit MediaWikiGids
Ga naar: navigatie, zoeken
(Mogelijkheden)
 
Regel 21: Regel 21:
  
 
== Integratie van Bootstrap in MediaWiki ==
 
== 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.
+
Hoewel het in principe mogelijk is om bootstrap in combinatie met iedere skin te integreren, komt dat in de praktijk niet veel voor.
 
Meestal is Bootstrap geïntegreerd in een skin. Bekende skins met Bootstrap geïntegreerd zijn:
 
Meestal is Bootstrap geïntegreerd in een skin. Bekende skins met Bootstrap geïntegreerd zijn:
  

Huidige versie van 15 okt 2017 om 13:53

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, komt 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:

Referenties:
  1. Wikipedia