Cambiare aspetto e opzioni
Nel nostro terzo “come fare” daremo un'occhiata ad altre opzioni accessibili con Yclas. Nei due articoli precedenti, abbiamo parlato di come creare il nostro primo sito di annunci, come cambiare il tema del nostro sito, come creare categorie e come pubblicare il nostro primo annuncio. Ora è il momento dei prossimi passaggi, con alcune nuove opzioni.
Passaggio 1 - Cambia il colore del tema
La volta scorsa abbiamo cambiato il tema da Ocean a Responsive. Il colore standard del tema è il rosso, ma ora lo cambieremo in verde.
Per farlo, vai su “Appearance” e poi su “Theme Options”. Qui possiamo cambiare il colore in verde nel selettore “change the color scheme and style of the theme”. Selezioniamo qui il verde e salviamo le modifiche facendo clic sul pulsante blu “update” in fondo alla pagina.
Il nostro sito ora avrà questo aspetto:
Passaggio 2 - Aggiungi widget
Per aggiungere più funzionalità al nostro sito, possiamo anche aggiungere i cosiddetti widget. Si tratta di piccolissime applicazioni che possono essere installate facilmente in una determinata parte del tuo sito. Ad esempio nella barra laterale, nell'header o nel footer.
Andiamo su “Appearance” e poi su “Widgets”. Qui troveremo una panoramica di tutti i widget disponibili.
Per installare un widget, basta fare clic sul pulsante blu “create” del widget preferito. Installeremo prima il widget “categories”. Dopo aver fatto clic sul pulsante create del widget “categories”, vedremo questa finestra. Qui possiamo scegliere dove posizionare il widget. Scegliamo di mostrare le categorie nella barra laterale. Facciamo clic sul pulsante blu “save changes” e il nostro widget verrà installato.
Facciamo lo stesso per il widget “contact”.
Dopo aver installato entrambi i widget, vedremo che sono stati installati nella barra laterale. Lo si può notare sulla destra della nostra schermata.
Poi, quando vai sul nostro sito e fai clic su uno degli annunci, vedrai i widget categories e contact visualizzati sulla destra della barra laterale.
Con il widget categories possiamo vedere in quale categoria ci troviamo al momento. Nel nostro caso, è “complete bicycles”. Inoltre, da questo widget possiamo navigare verso altre categorie disponibili.
Inoltre, c'è un modulo di contatto. Con questo modulo possiamo contattare l'inserzionista. Compilando un oggetto, un messaggio e il captcha corretto, verrà inviata un'e-mail alla persona che ha pubblicato l'annuncio. È semplice così!
Personalizzare il tuo marketplace nel 2026: opzioni del tema Nova e aree widget
I passaggi sopra sono stati scritti per temi più vecchi e un pannello di amministrazione precedente. Il tema Ocean non è più disponibile, e ogni nuovo sito Yclas ora parte con il tema Nova. Il menu che prima si chiamava "Appearance" ora è Design, con cinque voci: Themes, Theme Options, Widgets, Menu e Custom CSS. Le idee di base non sono cambiate, ma alcune impostazioni si sono spostate.
Colori: un unico colore d'accento invece di schemi predefiniti
I temi più vecchi come Responsive Listings (ancora disponibile con skin rossa, rosa e verde) permettono di scegliere da un elenco fisso di colori. Nova funziona in modo diverso. Sotto Design › Theme Options › Color scegli un unico colore d'accento per pulsanti, link ed evidenziazioni. Come dice la pagina delle funzionalità di Yclas, quell'unico colore ristilizza l'intero sito. Lascialo vuoto per mantenere il verde di Nova. Un secondo campo imposta il colore al passaggio del mouse, e se lo lasci vuoto Nova scurisce automaticamente il tuo colore d'accento.
Nova mostra testo bianco sui pulsanti con il colore d'accento, quindi scegli un colore sufficientemente scuro. La linea guida sul contrasto WCAG 2.2 (SC 1.4.3) del W3C richiede un rapporto di contrasto di almeno 4,5:1 per il testo normale e 3:1 per il testo grande, definito come almeno 18 punti, o 14 punti in grassetto. I giallo pallido, i verdi chiari e i rosa chiari di solito non superano il test contro il bianco. Controlla il tuo colore con uno strumento di verifica del contrasto prima di salvarlo.
Le altre impostazioni di aspetto in Nova
| Cosa vuoi cambiare | Cosa puoi impostare in Design › Theme Options |
|---|---|
| Logo | Carica un PNG, dimensione consigliata 250 × 40 px. Senza un logo puoi mostrare un'icona Font Awesome accanto al nome del sito. |
| Hero della home page | Immagine di sfondo (consigliata 1920 × 640 px), titolo e testo sotto di esso |
| Banda "How it works" | Mostrala o nascondila, e modifica i tre passaggi per i venditori e i tre per gli acquirenti |
| Font | Il Plus Jakarta Sans di Nova, oppure il font di sistema del visitatore |
| Layout | Posizione della barra laterale (o nessuna barra laterale), breadcrumb, scorrimento infinito nelle pagine degli annunci e testo da destra a sinistra |
Per tutto ciò che Theme Options non copre, usa Design › Custom CSS.
I widget in Nova
I widget Categories e Contact descritti in questa guida esistono ancora, insieme a Text (HTML), Image, Pages, Share, Follow, Search, Locations e Featured Ads. Nova ha tre aree widget: Sidebar, Footer e Post a listing (la pagina dove gli utenti pubblicano). Non ha un'area header. Trascina i widget in Inactive per nasconderli mantenendo le loro impostazioni.
Una cosa da sapere prima di aggiungere widget nella barra laterale: quando la barra laterale è vuota, Nova mostra i propri filtri nelle pagine delle categorie (parola chiave, categoria, località, prezzo e campi personalizzati). Non appena aggiungi un widget qualsiasi alla barra laterale, quei filtri non vengono più mostrati nelle pagine delle categorie. La pagina dei risultati di ricerca continua a mostrarli. Se vuoi solo un riquadro aggiuntivo, come un widget contact o text, aggiungi anche un widget Search alla barra laterale, così i visitatori possono comunque filtrare. Puoi anche disattivare completamente i filtri di Nova in Theme Options.
Come hai visto, è molto facile cambiare il tuo sito e aggiungere funzionalità extra. Inoltre, non è necessaria alcuna conoscenza tecnica. La prossima volta scopriremo altre opzioni offerte da Yclas!
