Uiterlijk en opties wijzigen
In onze derde “hoe doe je dat” kijken we naar nog meer opties die je bij Yclas hebt. In de vorige twee posts bespraken we hoe we onze eerste advertentiesite kunnen maken, hoe we het thema van onze website wijzigen, hoe we categorieën maken en hoe we onze eerste advertentie plaatsen. Nu is het tijd voor de volgende stappen en voegen we een paar nieuwe opties toe.
Stap 1 - De themakleur wijzigen
Vorige keer veranderden we het thema van het Ocean-thema naar het Responsive-thema. De standaardkleur van het thema is rood, maar we gaan die veranderen naar groen.
Dit doe je door naar “Appearance” en vervolgens naar “Theme Options” te gaan. Hier kunnen we de kleur naar groen veranderen via de keuzelijst “change the color scheme and style of the theme”. We selecteren hier groen en slaan onze wijzigingen op door op de blauwe knop “update” onderaan de pagina te klikken.
Onze site ziet er nu zo uit:
Stap 2 - Widgets toevoegen
Om meer functionaliteiten aan onze website toe te voegen, kunnen we ook de zogenaamde widgets toevoegen. Dit zijn heel kleine applicaties die gemakkelijk op een bepaald onderdeel van je website kunnen worden geïnstalleerd. Bijvoorbeeld in de zijbalk, header of footer.
Laten we naar “Appearance” gaan en vervolgens naar “Widgets”. Hier vinden we een overzicht van alle beschikbare widgets.
Om een widget te installeren, klikken we gewoon op de blauwe knop “create” van de gewenste widget. We installeren eerst de widget “categories”. Nadat we op de knop create van de widget “categories” hebben geklikt, zien we dit venster. Hier kunnen we selecteren waar we de widget willen plaatsen. We kiezen ervoor om de categorieën in de zijbalk weer te geven. We klikken op de blauwe knop “save changes” en onze widget wordt geïnstalleerd.
We doen hetzelfde voor de widget “contact”.
Nadat we beide widgets hebben geïnstalleerd, zien we dat beide widgets in de zijbalk zijn geïnstalleerd. Dit is te zien aan de rechterkant van ons scherm.
Als je vervolgens naar onze website gaat en op een van de advertenties klikt, zie je de widgets categories en contact rechts in de zijbalk weergegeven.
Met de widget categories kunnen we zien in welke categorie we ons momenteel bevinden. In ons geval is dat “complete bicycles”. Daarnaast kunnen we vanuit deze widget naar andere beschikbare categorieën navigeren.
Daarnaast is er een contactformulier. Met dit formulier kunnen we de adverteerder contacteren. Door een onderwerp, een bericht en de juiste captcha in te vullen, wordt er een e-mail verstuurd naar de persoon die de advertentie heeft geplaatst. Zo simpel is het!
Je marktplaats aanpassen in 2026: themaopties en widgetgebieden van Nova
De stappen hierboven zijn geschreven voor oudere thema's en een ouder beheerpanel. Het Ocean-thema wordt niet meer aangeboden, en elke nieuwe Yclas-site start nu met het thema Nova. Het menu dat vroeger "Appearance" heette, is nu Design, met vijf onderdelen: Themes, Theme Options, Widgets, Menu en Custom CSS. De ideeën zijn niet veranderd, maar sommige instellingen zijn verplaatst.
Kleuren: één accentkleur in plaats van vaste kleurenschema's
Oudere thema's zoals Responsive Listings (nog beschikbaar met rode, roze en groene skins) laten je kiezen uit een vaste lijst met kleuren. Nova werkt anders. Onder Design › Theme Options › Color kies je één accentkleur voor knoppen, links en highlights. Zoals de Yclas-featurespagina het stelt, geeft die één kleur de hele site een nieuwe stijl. Laat het veld leeg om het groen van Nova te behouden. Een tweede veld stelt de hoverkleur in, en als je dat leeg laat, maakt Nova je accentkleur automatisch donkerder.
Nova toont witte tekst op knoppen met de accentkleur, kies dus een kleur die donker genoeg is. De WCAG 2.2-contrastrichtlijn (SC 1.4.3) van het W3C vraagt om een contrastverhouding van minstens 4,5:1 voor normale tekst en 3:1 voor grote tekst, wat wordt gedefinieerd als minstens 18 punten, of 14 punten vetgedrukt. Lichtgele, lichtgroene en lichtroze kleuren voldoen meestal niet tegen een witte achtergrond. Controleer je kleur in een contrastchecker voordat je deze opslaat.
De andere uiterlijkinstellingen in Nova
| Wat je wilt veranderen | Wat je kunt instellen in Design › Theme Options |
|---|---|
| Logo | Upload een PNG, aanbevolen formaat 250 × 40 px. Zonder logo kun je een Font Awesome-icoon naast de sitenaam tonen. |
| Hero op de homepage | Achtergrondafbeelding (aanbevolen 1920 × 640 px), koptekst en de tekst daaronder |
| Balk "How it works" | Tonen of verbergen, en de drie stappen voor verkopers en de drie voor kopers bewerken |
| Lettertype | Plus Jakarta Sans van Nova, of het systeemlettertype van de bezoeker |
| Layout | Positie van de zijbalk (of geen zijbalk), broodkruimels, infinite scroll op advertentiepagina's en rechts-naar-links tekst |
Voor alles wat Theme Options niet dekt, gebruik je Design › Custom CSS.
Widgets in Nova
De widgets Categories en Contact uit deze gids bestaan nog steeds, samen met Text (HTML), Image, Pages, Share, Follow, Search, Locations en Featured Ads. Nova heeft drie widgetgebieden: Sidebar, Footer en Post a listing (de pagina waar gebruikers plaatsen). Er is geen headergebied. Sleep widgets naar Inactive om ze te verbergen en hun instellingen te behouden.
Een ding om te weten voordat je widgets aan de zijbalk toevoegt: als de zijbalk leeg is, toont Nova zijn eigen filters op categoriepagina's (zoekwoord, categorie, locatie, prijs en aangepaste velden). Zodra je een widget aan de zijbalk toevoegt, worden die filters niet meer op categoriepagina's getoond. De zoekresultatenpagina toont ze nog wel. Als je alleen een extra vak wilt, zoals een contact- of tekstwidget, voeg dan ook een Search-widget aan de zijbalk toe, zodat bezoekers nog steeds kunnen filteren. Je kunt de filters van Nova ook volledig uitschakelen in Theme Options.
Zoals je hebt gezien, is het heel eenvoudig om je website te veranderen en extra functionaliteiten toe te voegen. Ook is technische kennis niet nodig. Volgende keer ontdekken we nog meer opties die Yclas biedt!
