Wat deze pagina doet

Met Thema Manager kunt u bepalen hoe uw hele website eruit ziet. U kunt direct schakelen tussen verschillende kleurenschema's en stijlen, aangepaste thema's creëren voor uw merk, of meerdere thema's bouwen voor verschillende gelegenheden. Denk aan thema's als complete "looks" voor uw site - elk heeft zijn eigen kleuren, lettertypen, en styling die u kunt schakelen tussen met een enkele klik.

[Screenshot: pagina-overzicht]

Hoe hier te komen

Navigeren naar Beheerpaneel > Templatebeheer > Thema's

Begrijpen van de pagina

Wanneer u de Thema Manager voor het eerst opent, ziet u al uw thema's weergegeven als kaarten of in een tabel (u kunt schakelen tussen deze weergaven). Bovenaan de pagina vindt u knoppen om nieuwe thema's te maken of thema's uit andere installaties te importeren.

Statistieken en snelle acties

Aan de top zie je:

• Importeren knop - Breng thema's van andere sites of back-ups
• Nieuw thema knop - Maak een nieuw thema vanaf nul

Navigatietabbladen

Onder de header zijn er negen tabbladen voor verschillende sjabloonbeheertools. De Thema's tabblad wordt gemarkeerd wanneer u op deze pagina. De andere tabbladen kunt u bestanden, functies, stijlen, lay-outs, vertalingen, media en uw database te beheren.

Themaweergavegebied

Het belangrijkste gebied toont al uw thema's. Elk thema toont:

• Een voorbeeldafbeelding (of een paletpictogram als geen afbeelding is ingesteld)
• De naam en beschrijving van het thema
• Versienummer en auteurnaam
• Badges tonen of het thema "Active" (momenteel live op uw site) of "Standaard" (het fallback thema) is
• Actieknoppen om met het thema te werken

Beeldopties

U kunt schakelen tussen twee manieren van het bekijken van uw thema's:

• Rasterweergave - Toont thema's als visuele kaarten met voorbeeldafbeeldingen. Geweldig voor surfen en het krijgen van een snelle blik op elk thema.
• Lijstweergave - Toont thema's in een gedetailleerde tabel. Beter als je versienummers en auteurs in een oogopslag moet zien.

Gemeenschappelijke taken

Hoe maak je een nieuw thema

Het creëren van een nieuw thema is uw eerste stap om het uiterlijk van uw site aan te passen.

1. Klik op de Nieuw thema knop bovenaan de pagina.
2. In het popup venster dat verschijnt, vul de details in:

• Themanaam - Geef je thema een memorabele naam zoals "Summer Sale Theme" of "Dark Night Mode"
• Versie - Dit is voorgevuld met "1.0.0" maar u kunt het indien nodig wijzigen
• Auteur - Voer uw naam of bedrijfsnaam in
• Omschrijving - Schrijf een korte notitie over waar dit thema voor is
• Basisthema - Als u wilt beginnen met de instellingen van een ander thema, kies er een uit deze lijst. Anders, laat het als "Start vanaf nul"

1. Klik Thema aanmaken.

Uw nieuwe thema verschijnt in het raster. Het zal nog niet live zijn op uw site - je moet het apart activeren.

[Screenshot: create-theme-modal]

Een thema activeren

Het activeren van een thema maakt het live op uw website voor alle bezoekers te zien.

1. Zoek het thema dat u wilt activeren in het raster of de lijst.
2. Klik op groen Activeer Button.
3. Er verschijnt een bevestigingsbericht waarin wordt gevraagd of u zeker bent. Klik OK.
4. De pagina herlaadt automatisch na een moment.

Het thema dat u geactiveerd nu toont een groene "Active" badge, en uw website maakt onmiddellijk gebruik van de kleuren van dit thema en styling.

[Schermafdruk: activeer-thema-knop]

Hoe themakleuren en instellingen bewerken

Zodra u een thema hebt gemaakt, wilt u de kleuren, lettertypen en andere visuele elementen aanpassen.

1. Zoek uw thema in het raster of lijstweergave.
2. Klik op het grijs Bewerken knop (pencil pictogram).
3. De pagina verandert om de thema-editor te tonen.

Om basisinformatie te wijzigen:

• Bewerk het thema Naam, Versie, Auteur of Beschrijving velden bovenaan.
• Klik Wijzigingen opslaan Als je klaar bent.

Kleuren wijzigen:

• Scroll naar beneden naar de sectie "Themainstellingen."
• Zoek de kleur die u wilt wijzigen (zoals "Primary Color" of "Page Achtergrond").
• Klik op het gekleurde vierkant naast de instellingsnaam.
• De kleurkiezer van uw browser opent - kies uw nieuwe kleur.
• De wijziging slaat automatisch op - u ziet een bevestigingsbericht in de rechterbovenhoek.

Om lettertypen of groottes te wijzigen:

• Zoek de instelling die u wilt wijzigen in de sectie Themainstellingen.
• Typ uw nieuwe waarde direct in het tekstvak.
• Klik buiten het vak of druk op Tab om op te slaan.
• Een bevestigingsbericht verschijnt wanneer de wijziging wordt opgeslagen.

1. Als u klaar bent met bewerken, klikt u Terug naar Thema's bovenaan om terug te keren naar de hoofdlijst.

[Screenshot: edit-theme-panel]

Hoe wijzigingen op uw website aan te brengen

Nadat u de instellingen van het thema verandert, moet u een CSS-bestand genereren om deze wijzigingen op uw live site te laten verschijnen.

1. Tijdens het bewerken van een thema, klik op de CSS aanmaken Button.
2. Een bestand genaamd themevariables.css downloads naar uw computer.
3. Plaats dit bestand in de themamap van uw website op: themes/{theme-name}/css/variables.css

Uw frontend website toont nu de bijgewerkte kleuren en styling.

Hoe een thema te klonen

Klonen maakt een exacte kopie van een thema, die perfect is voor het maken van variaties zonder invloed op uw origineel.

1. Zoek het thema dat u wilt kopiëren.
2. Klik op de Kloon knop (overlapping vierkanten pictogram).
3. Een popup verschijnt met een voorgestelde naam als "My Theme (Copy)."
4. Verander de naam als je iets anders wilt.
5. Klik Kloonthema.
6. De pagina herlaadt en uw nieuwe gekopieerde thema verschijnt in de lijst.

Het nieuwe thema heeft allemaal dezelfde kleuren en instellingen als het origineel. U kunt nu de kopie bewerken zonder het oorspronkelijke thema te wijzigen.

[Screenshot: kloon-theme-modal]

Hoe een thema exporteren

Exporteren slaat uw thema op als een bestand dat u kunt delen of gebruiken op een andere website.

Klik Bewerken over het thema dat u wilt exporteren. Klik op de Thema exporteren Button.

1. Een bestand genaamd themeYYYY-MM-DD.json downloads naar uw computer.

Bewaar dit bestand veilig - u kunt het importeren op andere installaties van uw software of het gebruiken als een back-up.

Hoe een thema importeren

Importeren brengt een thema binnen van een andere installatie of van een back-upbestand.

1. Klik op de Importeren knop bovenaan de pagina.
2. Open het JSON-bestand dat u wilt importeren in een teksteditor.
3. Kopieer alle tekst uit het bestand.
4. Plakken in het grote tekstvak in het importvenster.
5. Klik Thema importeren.

Als het importeren lukt, verschijnt het nieuwe thema in uw themalijst. Als het mislukt, zie je een foutmelding waarin wordt uitgelegd wat er mis ging.

[Screenshot: import-thema-modal]

Een thema verwijderen

Verwijderen verwijdert een thema permanent uit uw systeem.

1. Zoek het thema dat u wilt verwijderen.
2. Klik op de rode Verwijderen knop (pictogram prullenbak).
3. Er verschijnt een bevestigingsbericht. Klik OK Als je het zeker weet.
4. Het thema wordt onmiddellijk verwijderd.

Beeldmodi

De Thema Manager biedt twee manieren om uw thema's te bekijken, en u kunt er altijd tussen wisselen.

Rasterweergave toont thema's als kaarten met voorbeeldafbeeldingen. Dit is de standaardweergave en maakt het gemakkelijk om visueel te bladeren. U kunt in een oogopslag zien hoe elk thema eruit ziet en snel zien wat u wilt.

Lijstweergave toont thema's in een tabelformaat met gedetailleerde informatie in kolommen. Deze weergave is beter als je versienummers moet vergelijken, zien wie elk thema heeft gemaakt, of werken met veel thema's tegelijk.

Om van weergave te wisselen, klikt u op het pictogram van het raster of lijst pictogramknoppen aan de rechter bovenkant van het themascherm.

Instellingen en opties

Elk thema heeft instellingen die verschillende aspecten van het uiterlijk van uw site controleren:

Wanneer u een thema bewerkt, worden deze instellingen gegroepeerd per categorie om ze gemakkelijker te vinden.

Tips voor nieuwe gebruikers

Problemen oplossen

Mijn thema wijzigingen zijn niet te zien op mijn website

Wat je ziet: U veranderde kleuren in de thema-editor en activeerde het thema, maar uw website ziet er nog steeds hetzelfde.

Hoe het te repareren:

1. Zorg ervoor dat u hebt geklikt CSS aanmaken na het maken van veranderingen.
2. De gegenereerde downloaden theme_variables.css bestand.
3. Upload het naar uw website themes/{theme-name}/css/ map.
4. Verwijder uw browsercache door op Ctrl+Shift+R (Windows) of Cmd+Shift+R (Mac) te drukken.
5. Controleer of het juiste thema wordt geactiveerd door te zoeken naar de groene "Active" badge.

Ik kan geen thema verwijderen

Wat je ziet: De knop Verwijderen verschijnt niet op een thema, of klikken Verwijderen toont een fout.

Hoe het te repareren:

• U kunt het huidige thema niet verwijderen. Activeer eerst een ander thema en kom dan terug en verwijder deze.
• U kunt het standaardthema niet verwijderen. Het standaard thema is uw terugval en moet altijd bestaan voor systeemstabiliteit.

De importknop werkt niet

Wat je ziet: Op Importeren klikken opent het popupvenster niet of de knop Importeren is grijs.

Hoe het te repareren:

1. Controleer of je een gele banner bovenaan ziet met "Demo Mode" - als dat zo is, zit je in een demonstratie en kan je geen wijzigingen maken.
2. Vernieuw de pagina in het geval uw sessie verlopen is.
3. Zorg ervoor dat uw browser niet blokkeert popups van het admin-paneel.

Mijn kleur verandert niet.

Wat je ziet: Je kiest een nieuwe kleur, zie een succesbericht, maar wanneer je de pagina herlaadt is de oude kleur terug.

Hoe het te repareren:

1. Open uw browser Developer Tools (Press F12).
2. Kijk op het tabblad Console voor eventuele foutmeldingen in het rood.
3. Controleer het tabblad Netwerk om te zien of het verzoek om opslag is mislukt.
4. Als je "Demo Mode" berichten ziet in de netwerkantwoorden, zit je in een demonstratiemodus waar wijzigingen niet kunnen worden opgeslagen.
5. Probeer afmelden en terug in - uw sessie kan verlopen zijn.

Importeert toont "ongeldige themagegevens" fout

Wat je ziet: U geplakt themagegevens en geklikt Importeren, maar kreeg een foutmelding dat de gegevens ongeldig zijn.

Hoe het te repareren:

1. Zorg ervoor dat je de volledige inhoud van het JSON bestand hebt gekopieerd, vanaf het eerste { tot de laatste }.
2. Controleer of het bestand eigenlijk een thema export is - het zou velden moeten hebben zoals "name," "version" en "instellingen."
3. Plak de JSON in een validator website zoals jsonlint.com om te controleren of het JSON formaat geldig is.
4. Als iemand u het thema bestand, vraag hen om opnieuw te exporteren als er een probleem met de oorspronkelijke export.

Verwante pagina's

Laatst bijgewerkt: 4 februari 2026