Widgetstijlen

Wanneer je een widget toevoegt/wijzigt heb je (via geavanceerde opties en voeg stijl toe met CSS) ook de mogelijkheid om de vormgeving van deze widget aan te passen. Niet iedereen is thuis in de wereld van CSS en daarom hebben we de widgetstijlen functionaliteit ontwikkeld. Hiermee kunnen platformbeheerders met standaardstijlen widgets opmaken en groepsbeheerders deze stijlen aanbieden middels een drop downmenu.

Winkwaves helpt jullie op weg door standaard widgetstijlen aan te bieden (stockwidgetstijlen).

Maar hoe dan?

Voor groepsbeheerders:

• Maak een nieuwe widget aan of wijzig een bestaande widget
• Klik op geavanceerde opties
• Klik op voeg stijl toe met CSS
• Kies een van de widgetstijlen uit de lijst
• Geavanceerd: indien gewenst kun je zelf CSS toevoegen om (delen van) de gekozen widgetstijl te overschrijven. Denk hierbij bijvoorbeeld aan de kleur.

Voorbeeld van een widgetstijl: een lijst met buttons

Voor platformbeheerders:

We adviseren jullie om gericht CSS te gebruiken en altijd te bedenken of het een kwestie is van het platform thema (wat Winkwaves alleen kan aanpassen), of dat het bewust en gericht extra maatwerk CSS is die je wilt toevoegen en aanbieden aan groepsbeheerders. Voor de functionaliteit is specifieke CSS en HTML kennis nodig, vanwege de oneindige mogelijkheden wordt hier beperkt ondersteuning bij geboden door winkwaves.

Het voordeel van het aanbieden van widgetstijlen is dat de gebruikte CSS maar op 1 plek aangepast hoeft te worden indien nodig, wat soms het geval is bij bijvoorbeeld nieuwe releases.

• Ga naar de administratie en klik op de pagina widgetstijlen.
• Je komt nu op de beheerpagina waar de verschillende widgetstijlen worden weergegeven. De widgetstijlen met een slotje zijn de stijlen die wij hebben toegevoegd en die je niet kunt wijzigen. Wel kun je deze stijlen kopiëren en vervolgens naar wens aanpassen.

+ voeg widgetstijl toe

Zorg dat de titel voldoende context biedt voor de groepsbeheerders die covers beheren, omdat voor hen alleen de titel zichtbaar is. Het kan handig zijn om het beoogde widgettype in de titel op te nemen.

Welke widget? Standaard maak je widgetstijlen aan voor een tekstwidget. Maar het is ook mogelijk om deze voor de andere widgets toe te voegen, dit doe je door de volgende optie aan te vinken: Maak beschikbaar voor alle widgettypes; standaard is de widgetstijl alleen beschikbaar voor tekstwidgets.

Klik na het toevoegen van de CSS en de HTML op bewaar widgetstijl.

Wanneer je een widgetstijl wijzigt dan wordt dit op alle plekken waar deze stijl wordt gebruikt doorgevoerd. Wanneer een groepsbeheerder zelf CSS heeft toegevoegd dan overruled dit de widgetstijl.