WordPress Plugin Documentatie
Leer hoe je jouw valuta-omrekenwidget installeert, configureert en aanpast
Inhoudsopgave
1 Installatie
Methode 1: Installeren via WordPress (Aanbevolen)
- Ga naar je WordPress-beheeromgeving
- Navigeer naar Plugins > Nieuwe plugin
- Zoek naar "Currency.Wiki Converter"
- Klik op "Nu installeren" en daarna op "Activeren"
Methode 2: Handmatige installatie
- Download de plugin van WordPress.org
- Ga naar Plugins > Nieuwe plugin > Plugin uploaden
- Selecteer het gedownloade ZIP-bestand en klik op "Nu installeren"
- Activeer de plugin na installatie
2 Gutenberg-blok gebruiken
De makkelijkste manier om de valuta-omrekenwidget toe te voegen aan je pagina's:
- Bewerk een pagina of bericht met de Gutenberg-editor
- Klik op de + knop om een nieuw blok toe te voegen
- Zoek naar "Currency Converter" of blader door de categorie Widgets
- Configureer de widget via het zijpaneel aan de rechterkant
Tip: Je ziet direct een live voorbeeld van je widget terwijl je instellingen aanpast in de blokeditor.
3 Shortcode-gebruik
Je kunt de widget ook toevoegen met shortcodes in berichten, pagina's of thema-templates:
Basisgebruik
[currencywiki_converter]
Beschikbare attributen
| Attribuut | Standaard | Beschrijving |
|---|---|---|
| style | compact | Widgetstijl (compact, inline, hoog, mini-grafiek, enz.) |
| theme | auto | Kleurthema (auto, licht, donker) |
| from | USD | Standaard bronvaluta (3-letterige ISO-code) |
| to | EUR | Standaard doelvaluta (3-letterige ISO-code) |
| amount | 1 | Standaard bedrag om te converteren |
| accent | #3b82f6 | Accentkleur (hexcode zoals #3b82f6) |
| embed | script | Insluitmethode (script of iframe) |
| width | auto | Aangepaste breedte in pixels |
| height | auto | Aangepaste hoogte in pixels |
Voorbeelden
Widget met donker thema:
[currencywiki_converter theme="dark"]
Aangepaste valuta's en bedrag:
[currencywiki_converter from="GBP" to="JPY" amount="100"]
Mini-grafiekstijl:
[currencywiki_converter style="mini-chart"]
Iframe-insluiting gebruiken (voor thema-compatibiliteit):
[currencywiki_converter embed="iframe"]
4 Widgetstijlen
Kies uit meerdere widgetstijlen die passen bij het ontwerp van je website:
mini
Minimale omrekenaar, perfect voor kleine ruimtes (250x140px)
square
Vierkante omrekenaar met 1:1 verhouding (250x250px)
compact
Kleine, ruimtebesparende omrekenaar (280x200px)
inline
Horizontale lay-out, ideaal voor headers (450x120px)
tall
Verticale lay-out met klassieke labels (220x360px)
mini-chart
Compacte omrekenaar met historische grafiek (250x260px)
multi-expandable
Omrekenen naar meerdere valuta's, gebruikers kunnen toevoegen/verwijderen (300x400px)
multi-fixed
Vaste lijst met meerdere valuta-omrekeningen (280x360px)
rates-compact
Eenvoudige lijst met wisselkoersen (260x260px)
rates-viewer
Volledige koersweergave met grafiek (350x420px)
rates-viewer-compact
Compacte koersweergave met grafiek (300x340px)
Tip: Gebruik de Widget Builder in je WordPress-beheer om alle stijlen te bekijken voordat je ze toevoegt aan je site.
5 Configuratie-opties
Op de instellingenpagina van de plugin in je WordPress-beheer kun je standaardopties configureren:
Thema-opties
- auto - Past zich automatisch aan het kleurenschema van je site aan
- light - Altijd lichte achtergrond gebruiken
- dark - Altijd donkere achtergrond gebruiken
Insluitmethode
- script - Standaard. Widget laadt inline met volledige functionaliteit. Valutakeuzelijsten verschijnen boven omliggende inhoud.
- iframe - Alternatief. Widget laadt in een geïsoleerde iframe. Gebruik dit als je stijlconflicten met je thema ervaart.
Let op: Als valutakeuzelijsten achter andere elementen verdwijnen of worden afgekapt, probeer dan de iframe-insluitmodus.
6 Probleemoplossing
Widget wordt niet weergegeven?
Controleer of de plugin is geactiveerd. Kijk of cache-plugins moeten worden geleegd. Probeer de iframe-insluitmethode als script-insluiting niet werkt.
Widget ziet er kapot uit of stijlen conflicteren?
Sommige WordPress-thema's kunnen conflicteren met het widgetscript. Schakel over naar iframe-insluiting door embed="iframe" toe te voegen aan je shortcode.
Valutakeuzelijst verborgen of afgekapt?
Dit kan gebeuren als containerelementen overflow:hidden hebben. Gebruik de iframe-insluitmodus of pas de CSS van je thema aan zodat overflow is toegestaan op de widgetcontainer.
Widget toont oude koersen?
Wisselkoersen worden automatisch bijgewerkt. Gebruik je een cache-plugin, sluit dan de widgetscripts uit van caching of leeg je cache na wijzigingen.
Hulp nodig?
Kun je niet vinden wat je zoekt? Ons supportteam staat klaar om te helpen.
