Skin:Refreshed/nl
Refreshed Release status: stabiel |
|
---|---|
Beschrijving | Een schone, moderne skin die oorspronkelijk was ontworpen voor gebruik op Brickimedia, en nu is ontworpen voor alle wiki's |
Auteur(s) | Brickimedia (Adam Carter, George Barnick, MtMNC, ShermanTheMythran, Jack Phoenix, Drew1200, SirComputer, Seaside98, Samantha Nguyen, Lewis Cawte), MacFan4000 |
Laatste versie | 4.0.7 (2023-04-03) |
MediaWiki | 1.43+ |
Licentie | GNU General Public Licentie 2.0 of hoger |
Download | README.md |
Voorbeeld | |
Downloads kwartaal | 37 (Ranked 13th) |
Publieke wiki's die het gebruiken | 41 (Ranked 42nd) |
Publieke wiki's die het standaard skin gebruiken | 19 |
Vertaal de Refreshed skin indien beschikbaar op translatewiki.net | |
Problemen : | Open taken · Rapporteer een bug |
Refreshed is een schone, moderne skin. Het is ontwikkeld door de gebruikers van de Brickimedia wiki-familie, maar het is ook zeer geschikt voor andere wiki-farms en op zichzelf staande wiki's. Refreshed maakt gebruik van responsieve CSS om zich aan te passen aan mobiele apparaten, en is volledig compatibel met moderne smartphones en tablets.
De uiterlijk van de skin is gemakkelijk en veel aan te passen met behulp van CSS en LESS.
Refreshed 4.0.5 vereist MediaWiki 1.35+. Eerdere versies van Refreshed 4 vereisen MediaWiki 1.28+.
Installeren
- Download en plaats de bestanden in de map
Refreshed
in de mapskins/
. - Voeg de volgende code onderaan aan je bestand LocalSettings.php toe:
wfLoadSkin( 'Refreshed' );
- Als u een upgrade gaat uitvoeren van Refreshed 4.x naar een nieuwe versie van de skin, zorg er dan voor dat u een back-up maakt van uw bestand
custom.less
voordat u de upgrade uitvoert. Als de upgrade is voltooid, vervang de nieuwe kopie vancustom.less
met uw oude kopie. - Klaar - Navigeer naar Special:Version op de wiki om te controleren dat de vormgeving succesvol is geïnstalleerd.
Configureren
Kies hoe u Refreshed wilt stylen
Refreshed 4 is gebouwd met behulp van LESS, zodat u gebruik kunt maken van mixins en andere functies om de skin uitgebreid aan te passen terwijl u maar een paar regels hoeft te schrijven.
Methode 1: bewerken custom.less
Dit is de eenvoudigste methode om Refreshed aan te passen met behulp van LESS.
Refreshed bevat een LESS-bestand dat zich op refreshed/styles/screen/custom.less
bevindt.
Bewerk dit bestand om de skin aan te passen.
In dit bestand kunt u toegang krijgen tot skin-specifieke LESS-mixins die voor refreshed/styles/screen/mixins-public.less
verkrijgbaar zijn.
U kunt ook wiki-wide mixins importeren; zie Manual:Coding conventions/CSS#LESS voor meer informatie.
Als u deze methode gebruikt, moet u van uw bestand custom.less
een back-up maken voor het upgraden.
Methode 2: bewerken MediaWiki:Refreshed.css
U kunt Refreshed aanpassen vanuit de interface van uw wiki door MediaWiki:Refreshed.css te bewerken.
Hierdoor kunnen gebruikers de skin aanpassen zonder de backend van de site te doorlopen.
Als extra bonus biedt de paginageschiedenis van de wiki versiecontrole voor uw CSS.
Helaas biedt MediaWiki geen LESS inhoudsmodel vanaf versie 1.34.
Als u de skin via de websiteinterface toch wilt aanpassen, moet u de oude CSS gebruiken in plaats van LESS.
Methode 3: Extension:Theme gebruiken
U kunt Refreshed aanpassen via Extension:Theme .
Registreer en stel een thema voor Refreshed op net zoals u zou doen voor elke andere skin.
Met deze methode kunt u meerdere aangepaste versies van Refreshed aanbieden waaruit wiki-gebruikers kunnen kiezen.
Als u deze methode gebruikt, hoeft u ook niet elke keer dat u de skin upgrade, een back-up van het bestand custom.less
van Refreshed te maken.
U kunt LESS gebruiken, maar let op dat uw aangepaste LESS-bestanden ergens in de map van de extensie Theme zullen zijn, terwijl het skin specifieke mixin-bestand mixins-public.less
van Refreshed in de map van de skin Refreshed zal zijn.
Daarom, als u de mixines van Refreshed wilt gebruiken in uw aangepaste LESS-bestanden, moet u het mixin-bestand @import
van de map van de skin Refreshed (met mogelijk een lange relatieve URL) opnemen.
Aanvullende aanpassingen
Logo/woordmerk
In tegenstelling tot veel andere skins, gebruikt Refreshed een woordmerk in plaats van een groot logo.
Om het woordmerk/mobiele pictogram van Refreshed aan te passen, stelt u $wgLogos[ 'wordmark' ]
en $wgLogos[ 'icon' ]
in. Handleiding.
Als de waarden in $wgLogos
niet zijn ingesteld, of als u een oudere versie van Refreshed gebruikt, worden de onderstaande interfaceberichten in plaats daarvan gebruikt (indien ze zijn ingesteld).
- MediaWiki:Refreshed-this-wiki-wordmark - De URL van het woordmerk wordt weergegeven op de "grote" en "medium" lay-outs van de skin. Dit woordmerk wordt ook weergegeven in de zijbalk van de "kleine" lay-out van de skin.
- MediaWiki:Refreshed-this-wiki-mobile-logo - De URL van het logo die wordt weergegeven op de "kleine" lay-out van de skin. Er wordt een afbeelding zonder tekst aanbevolen.
Tip voor Wiki-Beheerders: Voor een optimale weergave op de mobiele skin van Refreshed moet u overwegen om verkleinde afbeeldingen of SVG-afbeeldingen te gebruiken zodat het logo niet als wazig wordt weergegeven op het scherm van "retina" (hoog PPI) mobiele apparaten.
Ondersteuning Wiki-farm
Refreshed is ontworpen met wiki-farms in het achterhoofd.
Als standaard wordt in Refreshed slechts één wiki-logo weergegeven.
De skin kan worden geconfigureerd om ook een dropdown te tonen met links naar andere wiki's.
Om andere links toe te voegen, bewerk MediaWiki:Refreshed-wiki-dropdown en voeg één regel van het volgende formulier toe voor elke wiki in de farm.
* Wiki name|logo image URL|wiki URL
De dropdown verschijnt in de opschrift op de "grote" en "medium" lay-out van de skin.
In de "kleine" lay-out verschijnt de dropdown in de zijbalk.
De derde parameter, de wiki URL, is standaard de hoofdpagina van de wiki, maar kan worden aangepast met MediaWiki:Refreshed-this-wiki-url.
Header categorieën en de dropdown Explore
Refreshed 3.0 en hoger bevatten "header-categorieën".
Dit zijn aanpasbare dropdowns in de kop die links naar wikipagina's bevatten.
Om deze te wijzigen, bewerk MediaWiki:Refreshed-navigation en maak een lijst die lijkt op deze:
* Category 1 ** MediaWiki:Refreshed-navigation|Entry 1 ** MediaWiki:Refreshed-navigation|Entry 2 ** MediaWiki:Refreshed-navigation|Entry 3 ** MediaWiki:Refreshed-navigation|Entry 4 * Category 2 ** MediaWiki:Refreshed-navigation|Entry 1 ** MediaWiki:Refreshed-navigation|Entry 2 ** MediaWiki:Refreshed-navigation|Entry 3 ** MediaWiki:Refreshed-navigation|Entry 4 * Category 3 ** MediaWiki:Refreshed-navigation|Entry 1 ** MediaWiki:Refreshed-navigation|Entry 2 ** MediaWiki:Refreshed-navigation|Entry 3 ** MediaWiki:Refreshed-navigation|Entry 4
In de "grote" en "medium" lay-outs worden header-categorieën weergegeven.
Als het venster niet breed genoeg is om alle categorieën van de koppen te bevatten, worden de categorieën van koppen in een enkele dropdown geplaatst met de titel "Explore".
(Om de naam van deze dropdown te veranderen, bewerk MediaWiki:Refreshed-explore.)
In de "kleine" lay-out van de skin verschijnen de categorieën van de koppen in de zijbalk.
Als u de teksten in een andere taal wilt weergeven, gaat u naar MediaWiki:Refreshed-navigation/de
waarbij de
de taalcode is en maakt u dezelfde lijst in de gewenste taal.
Advertenties
Vernieuwd bevat standaard geen advertenties, maar u kunt het configureren om Google Ads weer te geven door de volgende code in uw bestand LocalSettings.php te plaatsen.
function showRefreshedAdvert( &$footerExtra ) {
$footerExtra = '
<div id="advert">
<p>' . wfMessage( 'refreshed-advert' )->escaped() . '</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Refreshed ad -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9543775174763951"
data-ad-slot="7733872730"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>';
return true;
}
$wgHooks['RefreshedFooter'][] = 'showRefreshedAdvert';
De waarden van data-ad-client
en data-ad-slot
moeten overeenkomen met de waarden die Google u gegeven heeft.
Om uw advertenties op verschillende apparaten te laten reageren, voeg de volgende CSS toe aan MediaWiki:Refreshed.css, of MediaWiki:Global-refreshed.css als u op een wiki-farm bent. Dit vereist het installeren van GlobalCssJs.
(Vanaf versie 4 kunt u ook LESS gebruiken om de weergave van de advertenties op verschillende venstergroottes aan te passen.)
@media (max-width: 500px) {
.adsbygoogle {
width: 320px;
height: 50px;
}
}
@media (max-width:799px) {
.adsbygoogle {
width: 480px;
height: 60px;
}
}
@media (min-width: 800px) {
.adsbygoogle {
width: 728px;
height: 90px;
}
}
Echo
Refresh 4 ondersteunt Echo.
Gebruiker avatars
Refresh detecteert de aanwezigheid van Extension:SocialProfile en laadt de avatars van gebruikers op als deze zijn ingeschakeld.
Standaard avatars
Als SocialProfile-avatars niet zijn ingeschakeld, geeft Refreshed een generisch icoon weer bij uw gebruikersnaam (of door de dropdown "log in" als u niet bent aangemeld).
U kunt deze generieke iconen aanpassen door de volgende pagina's te bewerken.
- MediaWiki:Refreshed-icon-logged-in - De URL naar een standaard avatar voor ingelogde gebruikers.
- MediaWiki:Refreshed-icon-logged-out - De URL van een standaard avatar voor gebruikers die zijn uitgelogd.
Paginastatus indicatoren
Refreshed 3 en hoger ondersteunen Page status indicators .
Standaard zijn alle paginastatusindicatoren verborgen op de "kleine" lay-out van de skin, maar u kunt individuele indicatoren laten tonen met de volgende CSS:
#mw-indicator-name { /* replace "name" with the indicator's "name" value */
display: inline-block;
}
Galerij
Refreshed 4
-
De "grote" lay-out (vensterbreedte > 1000px)
-
De "medium" layout (720px <= vensterbreedte <= 1000px)
-
De "kleine" lay-out (vensterbreedte < 720px)
-
De zoekbalk in de "kleine" lay-out
Refreshed 3 en ouder
-
Refreshed 3
-
Refreshed 3's mobiele ontwerp
-
Refreshed 3's tablet ontwerp
-
Refreshed's ontwerp voor versie 3.0
Deze skin is beschikbaar op de volgende wiki-families en/of onderdeel van de volgende pakketten: Dit is geen gezaghebbende lijst. Sommige wikifarms/hosts en/of pakketten kunnen deze skin bevatten, zelfs als ze hier niet worden vermeld. Controleer het altijd bij uw wiki farms/hosts of bundel. |
- GPL licensed skins/nl
- Stable skins/nl
- Skins in Wikimedia version control/nl
- EchoCanAbortNewMessagesAlert extensions/nl
- PageDeleteComplete extensions/nl
- PageSaveComplete extensions/nl
- All skins/nl
- Skins included in Canasta/nl
- Skins included in Miraheze/nl
- Skins included in WikiForge/nl
- Skins by Brickimedia/nl
- Mobile skins/nl