MediaWiki vormgeven: verschil tussen versies
k |
k (→Ingebouwde pagina's voor vormgeving) |
||
Regel 43: | Regel 43: | ||
* [[MediaWiki:Common.css]] - Een pagina om algemene CSS toe te voegen. Zie ook [https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets handleiding (en)]. | * [[MediaWiki:Common.css]] - Een pagina om algemene CSS toe te voegen. Zie ook [https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets handleiding (en)]. | ||
* MediaWiki:skinnaam.css - Bijvoorbeeld [[MediaWiki:Vector.css]] en [[MediaWiki.Monobook.css]] om CSS toe te voegen aan een specifieke skin. Zie ook de [https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets handleiding]. | * MediaWiki:skinnaam.css - Bijvoorbeeld [[MediaWiki:Vector.css]] en [[MediaWiki.Monobook.css]] om CSS toe te voegen aan een specifieke skin. Zie ook de [https://www.mediawiki.org/wiki/Manual:Interface/Stylesheets handleiding]. | ||
+ | |||
+ | Deze site gebruikt standaard de skin "Tweeki", waarvoor nog diverse andere wiki-pagina's beschikbaar zijn om de vormgeving aan te passen: | ||
+ | |||
+ | * [[MediaWiki:Tweeki-navbar-brand]] - instellen van navigatie-bar branding | ||
+ | * [[MediaWiki:Tweeki-navbar-right]] | ||
+ | * [[MediaWiki:Tweeki-navbar-left]] | ||
+ | * [[MediaWiki:tweeki-sidebar-right]] | ||
+ | * [[MediaWiki:tweeki-sidebar-left]] | ||
+ | * [[MediaWiki:Tweeki-footer]] - instellen footer |
Versie van 27 sep 2017 om 13:37
Bij MediaWiki denken veel mensen aan een website die eruit ziet als Wikipedia. Dat is logisch, maar er is veel mogelijk voor het vormgeven van een MediaWiki website.
Inhoud
Onderwerpen vormgeving
- Het gebruik van "skins"
- Standaard skins die zijn meegeleverd bij MediaWiki
- Skins door derde partijen zijn ontwikkeld
- Ingebouwde pagina's voor vormgeving
- Uitbreidingen of extensies voor vormgeving
- Bootstrap & MediaWiki
MediaWiki Skins
Standaard skins
De standaard skin voor MediaWiki (Wikipedia) is 'Vector'. Vector heeft een neutrale uitstraling en komt (door het gebruik bij Wikipedia) bij veel mensen als vertrouwd over.
Voor 'Vector' was de standaard skin 'Monobook'. Vector is zowel op particuliere als bedrijfswiki's een van de meest gebruikte skins.
Naast Vector wordt een aantal skins standaard meegeleverd in de officiële MediaWiki-distributies:
- CologneBlue - Deze pagina als Voorbeeld van CologneBlue
- Modern - Deze pagina als Voorbeeld van Modern
- MonoBook - - Deze pagina als Voorbeeld van MonoBook
Skins door derden
In de loop der tijd is er een aantal alternatieve skins ontwikkeld voor MediaWiki. Hoewel het aantal niet zo groot is als voor bijvoorbeeld Wordpress is er wel sprake van een ruime keuze. Wanneer je een alternatief zoekt voor de standaard skins kun je terecht bij:
Op deze site kun je een indruk krijgen van het type en soort websites dat een bepaalde skin gebruikt:
Skins downloaden kun je doen via de Skin distributor op de website van MediaWiki. Hou in de gaten dat veel ontwikkelaars van skins de distributie via andere website (bijv. Github) doen.
Ingebouwde pagina's voor vormgeving
Er is een aantal wiki-pagina's beschikbaar, waarmee je de vormgeving van MediaWiki kunt aanpassen. De meest gebruikte zijn:
- MediaWiki:Sidebar - Standaard gebruikt om het zij-menu (de "sidebar") aan te passen. NB: niet functioneel in de skin die MediaWikiGids gebruikt!!)
- MediaWiki:Common.css - Een pagina om algemene CSS toe te voegen. Zie ook handleiding (en).
- MediaWiki:skinnaam.css - Bijvoorbeeld MediaWiki:Vector.css en MediaWiki.Monobook.css om CSS toe te voegen aan een specifieke skin. Zie ook de handleiding.
Deze site gebruikt standaard de skin "Tweeki", waarvoor nog diverse andere wiki-pagina's beschikbaar zijn om de vormgeving aan te passen:
- MediaWiki:Tweeki-navbar-brand - instellen van navigatie-bar branding
- MediaWiki:Tweeki-navbar-right
- MediaWiki:Tweeki-navbar-left
- MediaWiki:tweeki-sidebar-right
- MediaWiki:tweeki-sidebar-left
- MediaWiki:Tweeki-footer - instellen footer