Ändra utseende och alternativ
I vår tredje guide tittar vi på några andra alternativ som finns i Yclas. I de två tidigare inläggen har vi gått igenom hur vi skapar vår första annonssajt och hur vi byter tema på webbplatsen, skapar kategorier och lägger upp vår första annons. Nu är det dags för nästa steg och några nya alternativ.
Steg 1 – Byt temafärg
Förra gången bytte vi från temat Ocean till temat Responsive. Temats standardfärg är röd, men vi ska byta den till grön.
Det gör du genom att gå till ”Utseende” och sedan till ”Temaalternativ”. Här kan vi byta färg till grön i väljaren ”ändra temats färgschema och stil”. Vi väljer grön och sparar ändringarna genom att klicka på den blå knappen ”uppdatera” längst ner på sidan.
Nu ser vår sajt ut så här:
Steg 2 – Lägg till widgets
För att ge webbplatsen fler funktioner kan vi också lägga till så kallade widgets. Det är små tillämpningar som enkelt kan installeras på en viss del av din webbplats, till exempel i sidofältet, sidhuvudet eller sidfoten.
Vi går till ”Utseende” och sedan ”Widgets”. Här hittar vi en översikt över alla tillgängliga widgets.
För att installera en widget klickar vi helt enkelt på den blå knappen ”skapa” vid den widget vi vill ha. Vi börjar med att installera widgeten ”kategorier”. När vi har klickat på skapa-knappen för widgeten ”kategorier” visas det här fönstret. Här kan vi välja var widgeten ska placeras. Vi väljer att visa kategorierna i sidofältet. Vi klickar på den blå knappen ”spara ändringar”, och vår widget installeras.
Vi gör likadant med widgeten ”kontakt”.
När vi har installerat båda ser vi att båda widgetarna ligger i sidofältet. Det syns till höger på skärmen.
När du sedan går till vår webbplats och klickar på en av annonserna ser du widgetarna för kategorier och kontakt i sidofältet till höger.
Med kategoriwidgeten ser vi vilken kategori vi befinner oss i just nu. I vårt fall är det ”kompletta cyklar”. Dessutom kan vi navigera till andra kategorier direkt från widgeten.
Det finns också ett kontaktformulär. Med det kan vi kontakta annonsören. Fyller man i ämne, meddelande och rätt captcha skickas ett e-postmeddelande till den som lade upp annonsen. Så enkelt är det!
Anpassa din marknadsplats 2026: temaalternativ och widgetytor i Nova
Stegen ovan skrevs för äldre teman och en äldre adminpanel. Temat Ocean erbjuds inte längre, och varje ny Yclas-webbplats startar numera med temat Nova. Menyn som tidigare hette "Utseende" heter nu Design, med fem poster: Teman, Temaalternativ, Widgets, Meny och Anpassad CSS. Idéerna är desamma, men vissa inställningar har flyttat.
Färger: en accentfärg istället för förinställda scheman
Äldre teman som Responsive Listings (fortfarande tillgängligt med röda, rosa och gröna skal) lät dig välja från en fast lista med färger. Nova fungerar annorlunda. Under Design › Temaalternativ › Färg väljer du en enda accentfärg för knappar, länkar och markeringar. Som Yclas funktionssida uttrycker det, formar den enda färgen om hela webbplatsen. Lämna den tom för att behålla Novas gröna färg. Ett andra fält ställer in hover-färgen, och om du lämnar det tomt mörkar Nova din accentfärg automatiskt.
Nova visar vit text på knappar i accentfärg, så välj en färg som är mörk nog. W3C:s WCAG 2.2-riktlinje för kontrast (SC 1.4.3) kräver ett kontrastförhållande på minst 4,5:1 för normal text och 3:1 för stor text, vilket definieras som minst 18 punkter, eller 14 punkter fetstil. Bleka gula, ljusgröna och ljusrosa nyanser klarar vanligtvis inte kontrasten mot vitt. Kontrollera din färg i en kontrastkontroll innan du sparar den.
Övriga utseendeinställningar i Nova
| Vad du vill ändra | Vad du kan ställa in i Design › Temaalternativ |
|---|---|
| Logotyp | Ladda upp en PNG, rekommenderad storlek 250 × 40 px. Utan logotyp kan du visa en Font Awesome-ikon bredvid webbplatsens namn. |
| Hero på startsidan | Bakgrundsbild (rekommenderad 1920 × 640 px), rubrik och texten under den |
| "Så fungerar det"-bandet | Visa eller dölj det, och redigera de tre stegen för säljare och de tre för köpare |
| Typsnitt | Novas Plus Jakarta Sans, eller besökarens systemtypsnitt |
| Layout | Sidofältets placering (eller inget sidofält), brödsmulor, oändlig skrollning på annonssidor och text från höger till vänster |
För allt som Temaalternativ inte täcker, använd Design › Anpassad CSS.
Widgets i Nova
Widgetarna Kategorier och Kontakt från den här guiden finns fortfarande, tillsammans med Text (HTML), Bild, Sidor, Dela, Följ, Sök, Platser och Utvalda annonser. Nova har tre widgetytor: Sidofält, Sidfot och Lägg upp en annons (sidan där användare publicerar). Det finns ingen sidhuvudyta. Dra widgetar till Inaktiva för att dölja dem och behålla deras inställningar.
En sak att veta innan du lägger till widgetar i sidofältet: när sidofältet är tomt visar Nova sina egna filter på kategorisidor (sökord, kategori, plats, pris och anpassade fält). Så snart du lägger till en widget i sidofältet visas inte längre dessa filter på kategorisidor. Sökresultatsidan visar dem fortfarande. Om du bara vill ha en extra ruta, som en kontakt- eller textwidget, lägg även till en Sök-widget i sidofältet så att besökarna fortfarande kan filtrera. Du kan också stänga av Novas filter helt i Temaalternativ.
Som du har sett är det väldigt enkelt att ändra din webbplats och lägga till extra funktioner – och du behöver inga tekniska kunskaper. Nästa gång upptäcker vi fler alternativ som Yclas erbjuder!
