Editor CSS

L’Editor CSS è uno strumento pensato per gli sviluppatori e utenti avanzati che desiderano modificare lo stile del proprio sito in modo diretto e flessibile.

Permette di scrivere codice CSS personalizzato e visualizzarne in tempo reale l’effetto applicato sul sito, senza dover ricaricare la pagina. Ogni modifica può essere associata a uno specifico viewport tra quelli attivi nel progetto (di default: desktop, tablet e smartphone).

Accesso all’Editor

Per accedere all’Editor CSS è necessario:

• premere il pulsante "mostra barra sviluppo", visibile in basso nella sidebar sinistra di WSP
• avere un ruolo pari o superiore al Super Amministratore

Funzionalità

• Scrittura immediata del codice CSS
• Applicazione istantanea sul sito (senza refresh)
• Salvataggio persistente delle regole: è necessario premere il pulsante “Salva” al termine delle modifiche
• Gestione per viewport: regole separate per desktop, tablet e smartphone
• Trick rapido: premendo CTRL+D si duplica la riga corrente nell’editor

Suggerimenti

Per scrivere codice coerente con la struttura di WebsitePack si consiglia:

• di ispezionare il DOM tramite strumenti del browser
• oppure di consultare la documentazione CSS ufficiale per conoscere le classi disponibili

⚠️ Nota: durante la fase beta di WebsitePack, alcune classi, ID e strutture del DOM potrebbero variare. Per maggiori informazioni fare riferimento alle note di rilascio delle versioni.