Wikipedia:Scriptbibliotheek

Uit Wikipedia, de vrije encyclopedie
Naar navigatie springen Naar zoeken springen
Overzicht beheerpagina's

Dit is de Scriptbibliotheek. Deze pagina bevat een aantal voorbeelden en nuttige aanpassingen / toevoegingen die je als gebruiker kan maken aan het uiterlijk van Wikipedia (alleen voor ingelogde gebruikers). Relevante technieken:

Verzoeken voor codes die niet worden beschreven op deze pagina kunt u doen op: Help:Helpdesk. Meer javascriptvoorbeelden zijn te vinden op Help:Gebruik van scripts.

Activeren[bewerken]

Gebruikerstoolbox[bewerken]

Onderaan de Speciaal:Bijdragen/Gebruikersnaam pagina kun je met onderstaande code een toolbox activeren. (via common.css)

/**
 * Verbergen gebruikerstoolbox op pagina bijdragen gebruiker.
 * @version 1 (20080911)
 * @source nl.wikipedia.org/wiki/Wikipedia:Scriptbibliotheek#Gebruikerstoolbox
 */
.sp-contributions-footer {
    display: block !important;
}

Paginageschiedenis[bewerken]

Links naar extra tools bovenaan de paginageschiedenis: (via common.css)

  • Wikiblame
  • Pageviews
  • Statistieken mbt. bijdragers aan de pagina
  • Aantal mensen dat de pagina volgt
/**
 * Extra links bovenaan paginageschiedenis
 * @source nl.wikipedia.org/wiki/Wikipedia:Scriptbibliotheek#Paginageschiedenis
 */
#history-toolbox { 
  display: block !important; 
}

Andere volglijsten[bewerken]

Er is de optie om op je volglijst-pagina een kader toe te voegen getiteld "Andere volglijsten", waarmee je kan doorklikken naar je volglijsten op andere Wikimedia-projecten (via je persoonlijke CSS-pagina). Het kader is ontworpen voor de oude volglijst-interface. Suggesties voor verbeteringen mogen op Overleg MediaWiki:Watchlist-details.

/**
 * Kader met volglijsten op andere Wikimedia-wiki's
 * @source nl.wikipedia.org/wiki/Wikipedia:Scriptbibliotheek#Andere_volglijsten
 */
#volglijstkader { display:block; }

Toevoegen[bewerken]

Paginastatistieken[bewerken]

Het toevoegen van een extra link in de Toolbox met een directe link naar de statistieken van een pagina.

/* Link naar bezoekersstatistieken */
mw.loader.using( ['mediawiki.util'] ).done( function () {
    $( function() {
        mw.util.addPortletLink('p-tb', "https://tools.wmflabs.org/pageviews/#project=nl.wikipedia.org&platform=all-access&agent=user&pages=" + encodeURIComponent( mw.config.get( 'wgPageName' ) ), "Bezoekersaantallen", "ca-stats", "Bekijk bezoekersstatistieken");
     } );
} );

Zeusmodus[bewerken]

Zie: Gebruiker:Zanaq/Zeusmodus

Deactiveren[bewerken]

Uitgebreide handtekeningen[bewerken]

Verberg uitgebreide onderdelen in handtekeningen (zoals afbeeldingen) - tenminste, bij handtekeningen waar deze onzichtbare markering aanwezig is.

/**
 * Verberg uitgebreide handtekeningen
 */
.handtekening_lang {
    display: none;
}

Beginnetjes in bijdragenlijst[bewerken]

Geef beginnetjes in je bijdragenlijst een kleur.

.mw-special-Contributions a.stub {
    color: #002bb8;
}
.mw-special-Contributions a.stub:visited {
    color:#5a3696;
}

De "uw bericht is opgeslagen"-popup[bewerken]

Verbergt de "uw bericht is opgeslagen"-popup (die soms over de geschiedenistab of volglijst link verschijnt).

.postedit {
      display: none;
}

Overig[bewerken]

Bewerk-links bij individuele secties rechts i.p.v. links[bewerken]

Bewerk-links bij individuele secties rechts i.p.v. links (zoals vroeger)

.mw-editsection {
      float: right !important;
}

Items in het linker menu[bewerken]

Gebruik het volgende sjabloon op common.css om items in het linker menu te verbergen

TERM {
    display: none;
}

TERM is een (comma gescheiden) lijst van codenamen die hieronder in de linker kolom staan.

Bijvoorbeeld om "Hoofdpagina" te verbergen:

#n-mainpage {
    display: none;
}

Voorbeeld met meerdere items:

#n-mainpage,
#p-print,
#p-recentchangeslinked {
    display: none;
}

Pas op: Codenamen zijn hoofdlettergevoelig!

Onder "Navigatie"
Codenaam Omschrijving
#n-mainpage Hoofdpagina
#n-today Vandaag
#n-categories Categorieën
#n-recentchanges Recente wijzigingen
#n-newpages Nieuwe artikelen
#p-randompage Willekeurige pagina
Onder "Informatie"
Codenaam Omschrijving
#n-portal Gebruikersportaal
#n-help Hulp en contact
#n-sitesupport Donaties
Onder "Hulpmiddelen"
Codenaam Omschrijving
#t-whatlinkshere Links naar deze pagina
#t-recentchangeslinked Verwante wijzigingen
#t-upload Bestand uploaden
#t-specialpages Speciale pagina's
#t-print Printvriendelijke versie
#t-permalink Permanente koppeling
#t-cite ⧼cite article link⧽
#t-contributions Gebruikersbijdragen
#t-log Logboeken
#t-emailuser Deze gebruiker e-mailen
Overig: Logo, zoekbalk en interwiki's
Codenaam Omschrijving
#p-logo Wikipedia-logo
#p-search zoekgedeelte
#p-search h5 kopje zoeken
#p-lang interwikilinks
#p-lang h5 kopje in andere talen
.portlet h5 alle kopjes
Onder "Zusterprojecten"
Codenaam Omschrijving
#p-zusterprojecten zusterprojectlinks

Sneltoetsen[bewerken]

Dit css-script geeft de sneltoetsen naar de eigen overlegpagina, hoofdpagina, maar ook moderatorfuncties als blokkeren weer.

a[accesskey]:after {
    content: " (" attr(accesskey) ") ";
    white-space: pre;
    font-family: times;
    color: #2E8B57;
    margin-right: 0.1ex;
}

Extra toetsen[bewerken]

Dit javascript geeft de mogelijkheid extra toetsen met een zelf gedefinieerde functionaliteit toe te voegen. Bijvoorbeeld een knop naar De kroeg

//Extra menu options
//By [[:nl:User:Jasper Coenraats]], assisted by [[:nl:User:Krinkle]] 2013

mw.loader.using( ['mediawiki.util'] ).done( function() { 
    $( function () {
        mw.util.addPortletLink( 'p-personal', mw.util.getUrl( 'Wikipedia:De_kroeg' ), 'dK', 'pt-mylogs', null, null, '#pt-logout' );
 
        mw.util.addPortletLink( 'p-personal', mw.util.getUrl( 'Wikipedia:Taalcafé' ), 'hTC', 'pt-mylogs', null, null, '#pt-logout' );
 
        mw.util.addPortletLink( 'p-personal', mw.util.getUrl( 'Wikipedia:Verzoekpagina voor moderatoren' ), 'VvM', 'pt-mylogs', null, null, '#pt-logout' );
    } );
} );

De variabelen zoals 'Wikipedia:De_kroeg' is een interne link die kan worden aangepast. De daarna gegeven variabele 'dk' is een afkorting c.q. omschrijving, die wordt afgebeeld in het menu dat in uw interface verschijnt.

Replay Edits[bewerken]

Bewerkingen van de pagina Barack Obama afspelen.

Je kan bewerkingen van een Wikipedia-pagina afspelen met de Replay Edits-tool.

Bekijk hiervan een voorbeeld op github (kies Dutch).

Je kan Replay Edits installeren als user script door 'importScript( 'User:Stratoprutser/replay.js' );' aan common.js toe te voegen.


Achtergrondkleur bij "verschil tussen versies"[bewerken]

Bij het weergeven van het verschil tussen twee versies van een pagina, wordt er achter toegevoegde tekst aan de rechterzijde een licht-zachtblauwe kleur getoond, die (ook bij smalle tekens) meestal wel duidelijk genoeg is om in een oogopslag de toegevoegde tekst duidelijk te maken.

Aan de linkerzijde wordt achter de weggehaalde tekst en tekens een licht-zachtgele kleur gebruikt, die met name bij heel smalle letters en kleine/lage (lees)tekens soms nauwelijks opvallen door de combinatie van het veel lagere contrast van het geel met wit en de kleine afmetingen (in breedte en/of hoogte) van de (lees)tekens, vooral als het om een enkel teken gaat dat omringd is door verder ongewijzigde tekst. Het blijkt dat die kleur aan te passen is (naar bijvoorbeeld een licht-zachtrode kleur zoals door Pop-ups gebruikt wordt). Daartoe kan de volgende code in de persoonlijke "common.css" gezet worden:

.diff-deletedline .diffchange {
/* Aangepaste achtergrondkleur voor verwijderde tekst en tekens in "diffs" */
    background: #ffcdb2;  
    /* De kleur #ffcdb2 heeft een luminantie van 86% 
       en lijkt visueel meeste duidelijkheid te geven
    */
/* Eventueel alternatief:
     background: #ffd8bb; 
*/	
  /* De kleur #ffd8bb (iets lichter rood) heeft luminantie van 90% 
     (zoals de standaard 'added-lines'-diff luminantie) 
  */
}

.diff-addedline .diffchange {
/*
    Dit is gewoon de huidige/standaard licht-zachtblauwe kleur die nu al achter toegevoegde 
    tekstregels en tekens wordt gebruikt, dus behoeft niet per se óók overgenomen te worden, 
    tenzij men deze kleur ook iets meer contrast met de witte achtergrond wenst te geven 
    (dus een lagere luminantie wil geven, en daarmee een hoger contrast met de witte achtergrond). 
    Verlaag daartoe alléén de eerste twee (hexadecimale) waarden ('fc' resp. 'fe', houdt de waarde
    van het derde byte op 'ff' (voor een kleur uit het blauwe spectrum))
*/
  background: #d8ecff;  
  /* De huidige standaardkleur #d8ecff achter 'added-lines' heeft luminantie van 90% */
}

Het is – met uitzondering voor mensen met een beperking bij het zien van (sommige) kleuren – nagenoeg evident dat met de achtergrondkleur uit het (zacht)rode spectrum het en stuk duidelijker maakt om tekst regels en in het bijzonder smalle (lees)tekens die ten opzichte van een nieuwe bewerking zijn verdwenen dan met de huidige, licht-zachtgele kleur (omdat het absolute contrast hoger is. Het is overigens wel zaak de achtergrondkleur ook niet te donker te kiezen (een te lage luminantie) omdat hierdoor het contrast met het leesteken zelf weer te klein kan worden; het is dan wel in één oogopslag te zien wáár een (lees)teken of smalle letter is weggehaald, maar het wordt dan weer moeilijker om te zien wélk teken dan is weggehaald.

Hetzelfde blokje CSS-code zonder comments:

.diff-deletedline .diffchange {
    background: #ffcdb2;
}
.diff-addedline .diffchange {
    background: #d8ecff;
}

(waarbij de gehele stanza voor ".diff-addedline" zelfs kan worden weggelaten als die geen aanpassing behoeft.)

Zichtbaar maken doorverwijskoppelingen[bewerken]

Koppelingen naar doorverwijspagina's zijn normaal gesproken ongewenst in artikelen. Voor het oplossen hiervan kan het handig zijn om ze zichtbaar te maken met een afwijkende achtergrondkleur. Daartoe kan je in je lokale of globale CSS iets als het volgende toevoegen:

.mw-disambig { background-color:#AFEEEE; }

Hiermee krijgt een doorverwijspagina (mw-disambig) een turquoise achtergrond.

Automatische doorverwijzingen (redirects) zijn normaal gesproken prima maar kunnen onhandig zijn in bv. navigatiesjablonen. Het kan handig zijn om deze eveneens zichtbaar te maken, met de volgende code:

.mw-redirect { background-color:#F5DEB3; }
.mw-disambig { background-color:#AFEEEE; }
.mw-redirect.mw-disambig {
    background: repeating-linear-gradient(135deg, #F5DEB3, #F5DEB3 .4em, #AFEEEE .4em, #AFEEEE .8em);
}

Hiermee krijgt een gewone doorverwijzing (mw-redirect) een tarwekleurige achtergrond en een doorverwijzing naar een doorverwijspagina beide kleuren in een gestreept patroon.

Lettergrootte bewerkvenster[bewerken]

Dit is aan te passen via lokale of globale CSS. Standaard staat het op 13px:

.mw-editfont-monospace, .mw-editfont-sans-serif, .mw-editfont-serif {
    font-size: 13px;
}

Zie ook[bewerken]