Skin:Refreshed/nl
 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 | 38 (Ranked 12th) |
| 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
Refreshedin 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.lessvoordat u de upgrade uitvoert. Als de upgrade is voltooid, vervang de nieuwe kopie vancustom.lessmet 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 was designed with wiki farms in mind.
By default, Refreshed only shows one wiki logo.
The skin can be configured to also show a dropdown with links to other wikis.
To add other links, edit MediaWiki:Refreshed-wiki-dropdown and add one line of the following form for each wiki in the farm.
* Wiki name|logo image URL|wiki URL
The dropdown appears in the header on the "big" and "medium" layouts of the skin.
In the "small" layout, the dropdown appears in the sidebar.
The third parameter, the wiki URL, defaults to the wiki's main page but can be customized with MediaWiki:Refreshed-this-wiki-url.
Header categories and the Explore dropdown
Refreshed 3.0 and above feature "header categories".
These are customizable dropdowns in the header that contain links to wiki pages.
To modify the header categories, edit MediaWiki:Refreshed-navigation and create a list similar to this:
* 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
Header categories appear in the "big" and "medium" layouts of the skin.
If the window is not wide enough to fit all of the header categories, the header categories are placed inside a single dropdown titled "Explore."
(To change the name of this dropdown, edit MediaWiki:Refreshed-explore.)
In the "small" layout of the skin, the header categories appear in the sidebar.
To display the header categories in a different language, go to MediaWiki:Refreshed-navigation/de where de is the language code and create the same list in the desired language.
Advertisements
Refreshed does not contain advertisements by default, but you can configure it to show Google Ads by placing the following code in your LocalSettings.php file.
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';
The values of data-ad-client and data-ad-slot should match the values that Google gave you.
To make your ads responsive across devices, add the following CSS to MediaWiki:Refreshed.css, or MediaWiki:Global-refreshed.css if you are on a wiki farm setup. This requires installing GlobalCssJs.
(As of Refreshed 4, you can also use LESS to customize how the ads display at different window sizes.)
@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
Refreshed 4 supports Echo natively.
User avatars
Refreshed autodetects the presence of Extension:SocialProfile and loads users' avatars if they are enabled.
Default avatars
If SocialProfile avatars are not enabled, Refreshed displays a generic icon by your username (or by the "log in" dropdown if you are not signed in).
You can customize these generic icons by editing the following pages.
- MediaWiki:Refreshed-icon-logged-in - The URL to a default avatar for logged-in users.
- MediaWiki:Refreshed-icon-logged-out - The URL to a default avatar for logged-out users.
Page status indicators
Refreshed 3 and above supports Page status indicators.
By default all page status indicators are hidden on the "small" layout of the skin, but you can whitelist individual indicators with the following CSS:
#mw-indicator-name { /* replace "name" with the indicator's "name" value */
display: inline-block;
}
Gallery
Refreshed 4
-
The "big" layout (window width > 1000px) -
The "medium" layout (720px <= window width <= 1000px) -
The "small" layout (window width < 720px) -
The search bar in the "small" layout
Refreshed 3 and below
-
Refreshed 3 -
Refreshed 3's mobile design -
Refreshed 3's tablet design -
Refreshed's design prior to version 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. |