Responsabile tema

Cosa fa questa pagina

The Theme Manager ti permette di controllare come il tuo intero sito web sembra. È possibile passare tra diversi schemi di colore e stili istantaneamente, creare temi personalizzati per il vostro marchio, o costruire temi multipli per diverse occasioni. Pensate ai temi come "looks" completi per il vostro sito - ognuno ha i propri colori, font e styling che è possibile passare tra con un solo clic.

[Screenshot: page-overview]

Come arrivare qui

Navigare per Pannello di amministrazione > Template Manager Temi

Comprendere la pagina

Quando aprirai per la prima volta il Theme Manager, vedrai tutti i tuoi temi visualizzati come carte o in un tavolo (potrai passare tra queste viste). Nella parte superiore della pagina, troverete pulsanti per creare nuovi temi o importare temi da altre installazioni.

Statistiche e azioni rapide

In cima, vedrai:

Importazioni pulsante - Portare temi da altri siti o backup
Nuovo tema pulsante - Crea un tema fresco da zero

Nota: Se si vede un banner giallo che dice "Modalità Demo", significa che si sta visualizzando una dimostrazione e non può fare cambiamenti. Tutti i pulsanti saranno disabilitati.

Sotto l'intestazione, ci sono nove schede per diversi strumenti di gestione dei modelli. The Temi la scheda è evidenziata quando sei in questa pagina. Le altre schede consentono di gestire file, caratteristiche, stili, layout, traduzioni, media e il tuo database.

Area visualizzazione tema

L'area principale mostra tutti i vostri temi. Ogni tema mostra:

Un'immagine di anteprima (o un'icona di tavolozza se nessuna immagine è impostata)
Il nome e la descrizione del tema
Numero di versione e nome dell'autore
Badges che mostra se il tema è "Active" (attualmente vivere sul tuo sito) o "Default" (il tema del fallback)
Pulsanti di azione per lavorare con il tema

Opzioni di visualizzazione

È possibile attivare due modi per visualizzare i tuoi temi:

Vista Griglia - Mostra temi come schede visive con immagini di anteprima. Ottimo per la navigazione e ottenere un rapido sguardo su ogni tema.
Visualizza elenco - Mostra temi in una tabella dettagliata. Meglio quando è necessario vedere i numeri di versione e gli autori a colpo d'occhio.

Compiti comuni

Come Creare un Nuovo Tema

Creare un nuovo tema è il tuo primo passo per personalizzare l'aspetto del tuo sito.

Fare clic su Nuovo tema pulsante nella parte superiore della pagina.
Nella finestra popup che appare, compilare i dettagli:

Nome del tema - Date al vostro tema un nome memorabile come "Tema di vendita dell'estate" o "Modalità notte diurna"
Versione - Questo è pre-riempito con "1.0.0" ma è possibile cambiarlo se necessario
Autore - Inserisci il tuo nome o il tuo nome aziendale
Designazione - Scrivi una breve nota su cosa sia questo tema
Tema di base - Se vuoi iniziare con le impostazioni di un altro tema, scegline una da questa lista. Altrimenti, lascialo come "Inizio da zero"

Fare clic Crea un tema.

Il tuo nuovo tema appare nella griglia. Non sarà ancora vivo sul tuo sito - dovrete attivarlo separatamente.

Mancia: Utilizzando un tema di base è una grande scorciatoia. Se ami i tuoi colori attuali, ma vuoi solo modificare alcune cose, inizia dal tuo tema esistente invece di iniziare da zero.

[Screenshot: create-theme-modal]

Come Attivare un Tema

Attivare un tema lo fa vivere sul tuo sito web per tutti i visitatori da vedere.

Trova il tema che vuoi attivare nella griglia o nella lista.
Clicca sul verde Attivare Pulsante.
Viene visualizzato un messaggio di conferma chiedendo se sei sicuro. Fare clic Ok..
La pagina si ricarica automaticamente dopo un momento.

Il tema che hai attivato ora mostra un distintivo verde "Active", e il tuo sito web utilizza immediatamente i colori e lo stile di questo tema.

Attenzione: Attivare un tema cambia l'aspetto del tuo sito per tutti subito. Se si desidera testare un tema prima, prendere in considerazione l'attivazione su una versione di prova del vostro sito.

[Screenshot: attiva-teme-button]

Come modificare colori e impostazioni del tema

Una volta creato un tema, si desidera personalizzare i suoi colori, font e altri elementi visivi.

Trova il tuo tema nella vista della griglia o della lista.
Fare clic sul grigio Modifica pulsante (icona matita).
La pagina cambia per mostrare l'editor tema.

Per modificare le informazioni di base:

Modificare i campi Nome tema, Versione, Autore o Descrizione in alto.
Fare clic Salvare le modifiche quando hai finito.

Per cambiare i colori:

Scorrere fino alla sezione "Impostazioni tematiche".
Trova il colore che vuoi modificare (come "Colore Primario" o "Sfondo di Carta").
Fare clic sul quadrato colorato accanto al nome di impostazione.
Il raccoglitore di colori del tuo browser si apre - scegli il tuo nuovo colore.
La modifica salva automaticamente - vedrai un messaggio di conferma nell'angolo in basso a destra.

Per cambiare font o dimensioni:

Trova l'impostazione che si desidera modificare nella sezione Impostazioni tema.
Digitare il nuovo valore direttamente nella casella di testo.
Fare clic fuori dalla casella o premere Tab per salvare.
Viene visualizzato un messaggio di conferma quando la modifica viene salvata.

Quando hai finito di modificare, clicca Torna a Temi in alto per tornare alla lista principale.

Nota: Le modifiche di colore salvano automaticamente non appena si sceglie un nuovo colore. Non è necessario fare clic su un pulsante di salvataggio per i colori - basta scegliere e andare.

[Screenshot: edit-theme-panel]

Come rendere le modifiche appaiono sul tuo sito web

Dopo aver modificato le impostazioni del tema, è necessario generare un file CSS per far apparire quelle modifiche sul tuo sito live.

Durante la modifica di un tema, fare clic su Generare CSS Pulsante.
Un file chiamato themevariables.css scarica sul tuo computer.
Inserite questo file nella cartella tematica del vostro sito web a: themes/{theme-name}/css/variables.css

Il tuo sito web frontend ora visualizza i colori e lo stile aggiornati.

Mancia: Se non sei sicuro di come caricare i file sul tuo server, chiedi al tuo sviluppatore web o al supporto di hosting di aiutare a posizionare il file CSS nella posizione corretta.

Come Preparare il Tempo

Cloning crea una copia esatta di un tema, che è perfetto per creare variazioni senza influenzare il vostro originale.

Trova il tema che vuoi copiare.
Fare clic su Clone pulsante (icona overlapping squares).
Un popup appare con un nome suggerito come "My Theme (Copy)".
Cambia il nome se vuoi qualcosa di diverso.
Fare clic Tema di Clone.
La pagina ricarica e il nuovo tema copiato appare nell'elenco.

Il nuovo tema ha tutti gli stessi colori e impostazioni dell'originale. Ora è possibile modificare la copia senza cambiare il tema originale.

Mancia: La chiusura è ottima per le variazioni stagionali. clonare il tema principale, regolare alcuni colori, e salvarlo come "Tema di festa" o "Tema estivo".

[Screenshot: clone-theme-modal]

Come Esportare un Tema

Esportazione salva il tuo tema come file che puoi condividere o utilizzare su un altro sito web.

Fare clic Modifica sul tema che si desidera esportare. Fare clic su Tema dell'esportazione Pulsante.

Un file chiamato themeYYYY-MM-DD.json scarica sul tuo computer.

Mantenere questo file sicuro - è possibile importarlo su altre installazioni del software o utilizzarlo come backup.

Come Importare un Tema

Importazione porta in un tema da un'altra installazione o da un file di backup.

Fare clic su Importazioni pulsante nella parte superiore della pagina.
Aprire il file JSON che si desidera importare in un editor di testo.
Copia tutto il testo dal file.
Incollalo nella grande casella di testo nella finestra di importazione.
Fare clic Tema di importazione.

Se l'importazione riesce, il nuovo tema appare nella vostra lista tema. Se fallisce, vedrai un messaggio di errore spiegando cosa è andato storto.

Attenzione: Importa solo temi da fonti di cui ti fidi. Mentre il sistema controlla il codice pericoloso, è sempre più sicuro importare solo temi da fonti affidabili.

[Screenshot: import-theme-modal]

Come Eliminare un Tema

Cancellare rimuove un tema permanente dal sistema.

Trova il tema che vuoi rimuovere.
Clicca sul rosso Cancella pulsante (icona traccia).
Viene visualizzato un messaggio di conferma. Fare clic Ok. Se ne sei sicuro.
Il tema viene rimosso immediatamente.

Attenzione: La cancellazione è permanente e non può essere annullata. Assicurarsi di avere un backup o l'esportazione del tema prima di cancellare se si potrebbe desiderare in seguito.

Nota: È possibile eliminare solo i temi che non sono attualmente attivi e non contrassegnati come il tema predefinito. Se non si vede un pulsante Elimina, il tema è il tema attivo o il tema di backup predefinito.

Modalità di visualizzazione

Theme Manager offre due modi per visualizzare i tuoi temi, e si può passare tra loro in qualsiasi momento.

Vista Griglia mostra i temi come carte con immagini di anteprima. Questa è la vista predefinita e rende facile da navigare visivamente. Si può vedere a colpo d'occhio come ogni tema sembra e rapidamente individuare quello che si desidera.

Visualizza elenco mostra i temi in un formato tabella con informazioni dettagliate nelle colonne. Questa vista è migliore quando è necessario confrontare i numeri di versione, vedere chi ha creato ogni tema, o lavorare con molti temi contemporaneamente.

Per cambiare la vista, fare clic sull'icona della griglia o selezionare i pulsanti icona in alto a destra dell'area di visualizzazione tema.

Impostazioni e opzioni

Ogni tema ha impostazioni che controllano diversi aspetti dell'aspetto del tuo sito:

Tipo di impostazione	Che cosa controlla	Impostazioni di esempio
Colori	Tutti i colori sul tuo sito inclusi pulsanti, link, sfondi e testo	Colore primario, colore secondario, colore di successo, colore di pericolo, sfondo della pagina, sfondo della carta
Tipografia	Scelte del carattere e colori del testo	Famiglia del carattere, Colore del testo primario, Colore del testo secondario, Testo muto
Telaio	Spaziatura e forme	Border Radius (controlli come gli angoli arrotondati sono)
Sfondi	Sfondi pagina ed elemento	sfondo pagina, sfondo carta

Quando si modifica un tema, queste impostazioni sono raggruppate per categoria per renderle più facili da trovare.

Consigli per i nuovi utenti

Mancia:

Iniziare con un clone - Non modificare il tuo tema attivo direttamente. Darlo prima, apportare modifiche alla copia, quindi attivare quando sei felice.
Temi di nome chiaramente - Utilizzare nomi descrittivi come "Holiday 2025" o "Modalità Dark" invece di "Tema 1" o "New Theme"
Esportare regolarmente - Dopo aver apportato modifiche, esportare il tema come backup. Se qualcosa va storto, puoi sempre ri-importare.
Prova prima di attivare - Se possibile, visualizzare in anteprima i cambiamenti in un ambiente di prova prima di attivare un tema sul tuo sito live.
Documenta i tuoi colori - Tieni note su quali colori usi e perché, soprattutto se stai abbinando una guida in stile brand.
Utilizzare temi di base saggiamente - Quando si crea un nuovo tema, a partire da un tema esistente risparmia tempo sulle impostazioni non si desidera cambiare.

Risoluzione dei problemi

I miei cambiamenti a tema non vengono visualizzati sul mio sito

Cosa vedi: Hai cambiato i colori nell'editor tema e attivato il tema, ma il tuo sito web guarda ancora lo stesso.