Come utilizzare la Gestione temi?

Webayt La gestione dei temi in un CMS viene utilizzata per gestire i file del tema, il tema attivo e le impostazioni del tema che determinano l'aspetto del tuo sito web. Attraverso questa sezione, puoi visualizzare i temi disponibili, attivare un tema, rivedere i file del tema e modificare le impostazioni di progettazione di base utilizzate all'interno del tema.

La gestione dei temi è un aspetto cruciale del design visivo del tuo sito web. Pertanto, si consiglia cautela, soprattutto quando si cambiano i temi, si modificano i file o si aggiornano le impostazioni del tema.

A cosa serve la gestione dei temi?

Gestione temi , Webayt è l'area del CMS utilizzata per gestire l'infrastruttura di design del tuo sito web. Questa sezione controlla quale tema verrà visualizzato sul tuo sito web, come vengono modificati i file del tema e alcune impostazioni di colore/carattere utilizzate all'interno del tema.

In questa sezione, in genere, è possibile eseguire le seguenti operazioni:

• Visualizza i temi caricati nel pannello
• Attivazione di un tema
• Visualizzazione del tema attivo
• Utilizzo temporaneo della modalità tema
• Gestione dei file del tema
• Modifica delle impostazioni del tema
• Aggiornamento delle variabili di colore e carattere utilizzate nel tema.

Come posso accedere alla pagina di gestione del tema?

Per accedere alla pagina di gestione del tema, puoi fare clic sul link Gestione temi nel menu a sinistra del pannello di amministrazione Webayt.

 Gestione del tema

Questa pagina contiene due schede principali: Temi e Impostazioni del tema .

• Temi: questa sezione elenca i temi installati sul pannello.
• Impostazioni del tema: in quest'area è possibile regolare le impostazioni generali di carattere e colore disponibili nel tema attivo.

Come si usa la scheda Temi?

Nella scheda Temi , le cartelle dei temi installati sul sistema vengono visualizzate in una struttura a schede. Ogni scheda tema contiene il nome e lo stato del tema corrispondente.

Il tema attivo viene solitamente evidenziato con un colore o un indicatore diverso. Questo permette di vedere facilmente quale tema è attualmente in uso sul tuo sito web.

Il menu di controllo del tema può essere aperto tramite le schede del tema. A seconda dello stato del tema, questo menu può contenere opzioni come Attiva e Gestisci file .

Come attivare il tema?

Per attivare il tema che desideri utilizzare sul tuo sito web, puoi utilizzare l'opzione Attiva dal menu Azioni della relativa scheda del tema.

Quando un tema viene attivato, il front-end del tuo sito web viene visualizzato in base alla struttura del tema selezionato. Pertanto, si consiglia di verificare che il tema scelto funzioni correttamente e sia compatibile con la struttura del tuo sito prima di apportare qualsiasi modifica.

Il tema attivo viene solitamente indicato nell'elenco dei temi in verde o con un'icona speciale. Questo permette di vedere rapidamente quale tema è attualmente in uso.

Cos'è la Modalità Tema?

In alcuni casi, un tema potrebbe essere visualizzato specificamente per la tua sessione. Questa struttura può essere utilizzata per testare o esaminare un tema particolare prima di cambiare il tema attivo per l'intero sito.

Quando la modalità tema è attiva, nel pannello potrebbe comparire un'area di notifica che indica che il tema in questione viene visualizzato esclusivamente per la tua sessione. In questo caso, il tema potrebbe essere visualizzato solo temporaneamente per la tua sessione e non per tutti i visitatori.

Per disattivare la modalità tema, è possibile utilizzare il pulsante "Disattiva modalità tema" presente sullo schermo.

Qual è lo scopo dell'opzione Gestisci file?

L'opzione Gestisci file viene utilizzata per visualizzare e modificare la struttura dei file del tema in questione. Quest'area consente di esaminare i file all'interno del tema e la relativa struttura di cartelle.

Nella finestra Gestisci file, le cartelle del tema vengono solitamente visualizzate a sinistra, mentre il contenuto del file selezionato viene visualizzato a destra. Ciò consente di visualizzare e, se necessario, modificare i file del tema tramite il pannello.

In quest'area è possibile visualizzare i seguenti tipi di file:

• theme.json: Questo è il file di configurazione generale del tema.
• Risorse: questa cartella contiene file CSS, JS, immagini o file di risorse simili utilizzati all'interno del tema.
• definito: Può contenere file che includono testo definito o valori di sistema utilizzati all'interno del tema.
• modulo: Questa cartella contiene i file di aspetto per i moduli del tema.
• File CSS: utilizzati per i colori del tema, gli sfondi, la tipografia e le impostazioni di aspetto.
• File JS: utilizzati per le interazioni all'interno del tema.

Cosa bisogna considerare quando si modificano i file del tema?

I file del tema possono influenzare direttamente l'aspetto del front-end del tuo sito web. Pertanto, è necessario prestare attenzione, soprattutto quando si apportano modifiche ai file HTML, CSS, JS o ai file di configurazione del tema.

• Prima di modificare il file, assicurati di sapere cosa stai cambiando.
• Evitate modifiche non necessarie che potrebbero compromettere la struttura del codice.
• Assicurati che il file sia quello corretto prima di salvarlo.
• Dopo aver apportato modifiche al CSS o al JS, verifica il front-end del sito.
• Se necessario, esegui un backup del contenuto del file prima di apportare qualsiasi modifica.
• Se si utilizza la cache, ricordarsi di aggiornare la cache corrispondente dopo aver apportato modifiche.

Le modifiche apportate ai file del tema attivo, in particolare, possono influire immediatamente sull'aspetto del sito web. Pertanto, la modifica dei file su siti web in produzione deve essere eseguita con attenzione.

Qual è lo scopo della scheda Impostazioni tema?

La scheda Impostazioni tema viene utilizzata per modificare alcune variabili di design generali utilizzate nel tema attivo.

I valori presenti in questa scheda possono essere utilizzati come variabili nei temi. Ciò consente di personalizzare la struttura definita nei file del tema in base alle impostazioni di carattere e colore inserite nel pannello.

La sezione Impostazioni tema generalmente include le seguenti impostazioni:

• Selezione del tema: mostra il tema attualmente selezionato.
• Carattere: Utilizzato per determinare il tipo di carattere da utilizzare sul sito.
• Colore principale: Questo è il colore principale del marchio che può essere utilizzato in tutto il sito.
• Colore di sfondo dell'intestazione: può essere utilizzato per il colore di sfondo dell'intestazione all'interno del tema.
• Colore di sfondo del modulo: può essere utilizzato per impostare il colore di sfondo dei moduli.
• Colore di sfondo del modulo 2: può essere utilizzato come secondo colore di sfondo in alcune aree del tema.

Come utilizzare le impostazioni dei caratteri?

Il campo Carattere viene utilizzato per specificare le informazioni relative al carattere che possono essere utilizzate all'interno del tema. Ad esempio, in questo campo è possibile inserire la definizione di un carattere come Arial o sans-serif .

Se i file del tema sono configurati per utilizzare questo valore come variabile, il valore del carattere inserito dal pannello di controllo può essere visualizzato nelle aree pertinenti del sito.

Quando si inserisce un valore per un carattere, si consiglia di utilizzare una definizione conforme alla struttura corrente delle famiglie di caratteri CSS.

Come utilizzare le impostazioni del colore?

Le combinazioni di colori presenti nella sezione Impostazioni del tema vengono utilizzate per gestire le variabili visive impiegate all'interno del tema.

Ad esempio, il valore del colore inserito nel campo Colore principale può essere utilizzato per pulsanti, link, icone o aree di accento all'interno del tema. Allo stesso modo, i colori di sfondo dell'intestazione e dei moduli possono influenzare le parti corrispondenti del tema.

I valori dei colori vengono solitamente inseriti in formato HEX. Ad esempio:

 #0F5B99
#ffffff
#f3f6fa

Nella scelta dei colori, è necessario tenere in considerazione l'identità del marchio del sito web, la leggibilità e l'esperienza utente.

Come utilizzare le impostazioni del tema in un tema?

I campi relativi al carattere e al colore nella scheda Impostazioni tema vengono utilizzati come variabili nei file del tema. Ciò consente allo sviluppatore del tema di utilizzare dinamicamente i valori inseriti nel pannello all'interno del tema stesso.

Ad esempio, se valori come il colore principale, il colore di sfondo dell'intestazione o il colore di sfondo del modulo sono definiti come variabili nei file del tema, le modifiche apportate nel pannello potrebbero riflettersi nelle aree corrispondenti del tema.

Questa struttura consente di gestire alcune impostazioni di base del design tramite il pannello, anziché dover modificare direttamente i file del tema per ogni cambiamento.

Cosa bisogna fare dopo aver aggiornato le impostazioni del tema?

Dopo aver apportato modifiche nella sezione Impostazioni tema, è necessario salvare le impostazioni facendo clic sul pulsante Salva .

Si consiglia di controllare la parte front-end del sito web dopo aver apportato le modifiche. Questo vi permetterà di verificare che i colori, il carattere e le altre variabili del tema siano visualizzati come previsto.

Se le modifiche non sono immediatamente visibili sul front-end e viene utilizzata la cache, potrebbe essere necessario aggiornare la cache della pagina o del sito in questione.

Cosa considerare quando si utilizza un sistema di gestione dei temi?

La gestione dei temi è un aspetto cruciale che influenza la struttura visiva di un sito web. Pertanto, i processi che si svolgono in quest'area devono essere implementati in modo pianificato.

• Prima di cambiare il tema attivo, verifica il tema corrente.
• Se stai utilizzando la modalità tema, ricorda che potrebbe essere specifica solo per la tua sessione.
• Tieni presente che le modifiche apportate nell'area Gestione file potrebbero influire sull'aspetto del tuo sito.
• Quando modificate i file del tema, fate attenzione a non compromettere le strutture HTML, CSS, JS e JSON.
• Quando scegliete i colori per le impostazioni del tema, tenete conto della leggibilità e della coerenza del marchio.
• Inserisci il valore del carattere in base alla struttura valida della famiglia di caratteri CSS.
• Verifica l'aspetto del sito web dopo le modifiche.
• Se si utilizza la cache, aggiornarla quando necessario.

Riepilogo

Gestione temi è la sezione del CMS Webayt utilizzata per gestire l'aspetto e l'infrastruttura dei temi del tuo sito web. Qui puoi visualizzare i temi installati, attivare un tema, gestire i file del tema e modificare le impostazioni del tema.

I valori relativi a font e colori presenti nella scheda Impostazioni tema possono essere utilizzati come variabili nei file del tema. Ciò consente di gestire più facilmente alcune impostazioni di design all'interno del tema tramite il pannello di controllo.