Les 2: Thema: kleuren en vormgeving van de website aanpassen.
Aan de achterkant van de website kun je zelf de vormgeving van de website aanpassen. Let op: hetgeen in in het Thema wordt aangepast, wordt op ALLE PAGINA'S toegepast en direct doorgevoerd. Er is geen manier om terug te gaan naar een vorige instelling.
Wij zetten het thema voor je op, op basis van het logo en de keuzes die je in het opstartformulier hebt gemaakt. Je kunt het thema altijd aanpassen.
Als je iets wijzigt in het thema zie je dit in de meeste gevallen direct terug op de pagina. Na het Opslaan is het raadzaam om de website opnieuw op te starten, zodat je zeker weet dat je je wijzigingen ziet.
Aanpassen van het thema
Wanneer je ingelogd bent, staat linksboven in de menubalk naast Beheer en Pagina's de optie Thema.
Wanneer je deze aanklikt, verschijnt aan de linkerzijde een overlay-scherm. Hierin zijn de standaardkleuren van de website, de menukleuren en de typografie aan te passen.
Door op Tonen te klikken achter de aan te passen mogelijkheden, kunnen de instellingen worden gewijzigd.
Kleuren
De website maakt gebruik van 4 basiskleuren. Deze stel je eenmalig in en kun je daarna elke keer gebruiken, zonder de waardes dan te hoeven bewaren. Je stelt de kleuren in door op de HEX code (#123456) te klikken. Nu kun je de kleur uitzoeken in een kleurwaaier of de HEX code invoeren.
Om de website overzichtelijk te houden, is gekozen voor 4 basiskleuren. Deze 4 kleuren zorgen er voor dat de website zijn doel behoudt: het overbrengen van informatie zonder al te veel afleiding.
Het thema en de footer kunnen hun eigen kleur krijgen.
Het is mogelijk om een achtergrondkleur of een achtergrondafbeelding in te stellen. Deze wordt op elke pagina van de website doorgevoerd.
Lettertype
Voor titels, de teksten en quotes kun je verschillende lettertypes uitkiezen.
We raden aan om gebruik te maken van Google Fonts, omdat deze op elke browser waarop je website geopend wordt herkend zal worden.
Stijl en knoppen
De stijl van de afbeeldingen (met of zonder schaduw en afgeronde hoeken bijvoorbeeld) en de vorm van de buttons zijn voor de gehele site instelbaar.
Geavanceerd
Bij Geavanceerd is de flavicon (de afbeelding die voor de URL getoond wordt) in te stellen.
Ook kun je hier instellen waar het Cookie Scherm komt te staan. In het Cookie Scherm wordt de vraag gesteld welke cookies de bezoeker wil gebruiken.
Daarnaast is in te stellen op welk moment het hamburgermenu in springt. Als het scherm kleiner wordt, wordt het menu boven aan de pagina vervangen door een uitklapmenu. Bij welke schermgrootte dit gebeurt, stel je in bij Width of Mobile Mode:
Hiermee voorkom je op een kleine laptop, dat je al het hamburgermenu ziet.
Vergeet niet de wijzigingen op te slaan met de knop Opslaan onder aan het uitklapscherm.
De wijzigingen worden direct doorgevoerd.
Het is aan te raden om de pagina van je website een keer te verversen.
Was dit artikel nuttig?
Aantal gebruikers dat dit nuttig vond: 0 van 0Hebt u meer vragen? Een aanvraag indienen
Opmerkingen
0 opmerkingen
Artikel is gesloten voor opmerkingen.