Costruttore Sito

Tema Generale

Personalizzazione del tema generale del sito web in Laundry ERP

Tema Generale

Laundry ERP offre varie opzioni per modellare il tema del tuo sito web, inclusi colori, font e layout.

Quando configuri il tuo sito web per la prima volta, ti viene richiesto di selezionare un tema. Passa il mouse sui temi per vedere un'anteprima estesa di ciascuno. Clicca su un tema per selezionarlo.

Note:
  • Se esci senza selezionare un tema, il tuo sito web viene creato utilizzando quello predefinito.
  • Puoi cambiare tema in seguito se necessario. ::
Nel website builder, la scheda Tema offre varie opzioni per personalizzare il tema generale del tuo sito web. Per accedervi, clicca Modifica e vai alla scheda Tema.Una volta apportate le modifiche desiderate, clicca Salva per confermare e applicarle al tuo sito web.

Tema {#switch}

Nella sezione Sito Web, clicca Cambia Tema per aprire il selettore del tema. Passa il mouse sui temi per vedere un'anteprima estesa di ciascuno. Clicca su un tema per applicarlo al tuo sito web.

Colori {#colors}

L'editor del sito web di Laundry ERP presenta due tipi principali di colori: colori del tema e colori di stato.

Colori del Tema {#theme-colors}

I colori del tema si riferiscono all'insieme di colori visualizzati in tutte le pagine del tuo sito web. Questi sono composti da cinque colori: tre colori principali e due colori chiari e scuri.Per modificare i colori del tuo sito web, vai alla sezione Colori nell'editor del sito web, quindi:
  • Clicca il punto colore che vuoi cambiare, quindi seleziona un colore Solido o clicca Personalizzato per scegliere una tonalità di colore specifica manualmente (o aggiungi il suo codice #HEX o RGBA).
  • Clicca l'icona della tavolozza e scegli una palette di colori. Di conseguenza, tutte le personalizzazioni dei colori vengono reimpostate; clicca un punto colore per cambiare un colore specifico.
Laundry ERP crea automaticamente Preset di Colori per la tua palette scelta. Questi sono combinazioni di colori predefinite applicate a diversi elementi del tuo sito web per fornire un design strutturato e visivamente accattivante. Quando selezioni una palette di colori, i suoi preset definiscono come quei colori vengono distribuiti tra diversi elementi di un blocco di costruzione, come pulsanti, sfondi e testo. Se vuoi modificarli, clicca Preset di Colori e clicca su un preset per personalizzarlo ulteriormente. Ogni preset di colore contiene colori per lo sfondo del blocco di costruzione, testo, intestazioni, link, pulsanti primari e pulsanti secondari.Per applicare un preset di colore a un blocco di costruzione sul tuo sito, seleziona il blocco di costruzione, vai alla scheda Personalizza, clicca il punto colore situato accanto a Sfondo e scegli un Tema.
Nota: La modifica di un preset di colore aggiorna automaticamente i colori sia del preset predefinito che dei blocchi di costruzione in cui il preset è utilizzato.

Colori di Stato {#status-colors}

I colori di stato vengono utilizzati per indicare lo stato di determinate azioni (es. Successo, Avviso, ecc.). Vengono utilizzati nei messaggi popup che appaiono per fornire feedback agli utenti e ai visitatori del sito web. Per personalizzare i Colori di Stato del tuo sito web, scorri verso il basso fino alla sezione Avanzate e clicca sui punti per cambiare il loro colore.
Esempio:

Layout della Pagina {#page-layouts}

L'opzione Layout della Pagina nella sezione Sito Web ti permette di cambiare la visualizzazione complessiva e la spaziatura dei blocchi di costruzione e degli elementi del sito web sulle pagine. Clicca il menu a tendina e seleziona il layout desiderato. Sotto Layout della Pagina, personalizza il tuo Sfondo scegliendo un'Immagine, utilizzando un'immagine selezionata in un Pattern, o lasciandolo vuoto.

Font {#fonts}

Laundry ERP ti permette di personalizzare la famiglia e la dimensione del font per elementi specifici del tuo sito web, inclusi paragrafi, intestazioni, pulsanti e campi di input.
  • Famiglia Font: Nelle sezioni Paragrafo, Intestazioni e Pulsante, seleziona un font dal menu a tendina.
  • Dimensione Font: Nelle sezioni Paragrafo, Intestazioni, Pulsante e Campi di Input, usa il campo Dimensione Font per impostare una dimensione predefinita. Clicca l'icona freccia per espandere la sezione e definire dimensioni personalizzate (es. in base al livello dell'intestazione, dimensione del pulsante, ecc.).
Inoltre, ogni sezione specifica dell'elemento offre opzioni di stile extra, come Altezza Linea e Margini, per ulteriore personalizzazione.

Font Personalizzati

È possibile utilizzare font sul tuo sito web che non sono offerti per impostazione predefinita in Laundry ERP. Per aggiungere un font personalizzato, clicca il menu a tendina relativo al campo Famiglia Font e seleziona Aggiungi un Font Personalizzato in fondo al menu a tendina. Nella finestra popup:
  • Per aggiungere un font Google, clicca Seleziona un Font Google e clicca sul font desiderato nell'elenco. Disattiva Servi font dai server Google se il tuo sito web è gestito da una località dove i regolamenti richiedono la conformità a leggi come, ma non limitate a, il GDPR dell'Unione Europea. Questo garantirà che il Font Google sia archiviato sul server del tuo sito web invece che su quello di Google.
  • Per caricare un font personalizzato dal tuo computer, clicca Scegli File.
Una volta fatto, clicca Salva e Ricarica.

Stili dei Pulsanti {#button-styles}

Per personalizzare lo stile dei pulsanti primari e secondari del tuo sito web, vai alla sezione Pulsante nell'editor del sito web e modifica le opzioni pertinenti:
  • Clicca la freccia accanto ai campi Stile Primario o Stile Secondario e seleziona uno degli stili disponibili per ogni tipo di pulsante: Riempimento, Contorno o Piatto. Quando selezioni Contorno, appare l'opzione Larghezza Bordo sotto, permettendoti di regolare la larghezza del contorno del pulsante.
  • Modifica i font.
  • Regola il Padding per cambiare la dimensione della spaziatura (in pixel) attorno alle etichette dei pulsanti.
  • Personalizza il raggio del bordo dei pulsanti usando l'opzione Angoli Arrotondati.
  • Aggiungi un'animazione quando un pulsante viene cliccato nel menu a tendina Effetto al Click.
Suggerimento: Puoi definire dimensioni personalizzate Piccole e Grandi per Padding, Dimensione Font e Angoli Arrotondati dei pulsanti: Clicca l'icona freccia e usa i campi correlati.
Nella sezione Link, clicca Stile Link per scegliere l'aspetto dei link sul tuo sito web. Seleziona Nessuna Sottolineatura, Sottolineatura al Passaggio del Mouse o Sempre Sottolineato nel menu a tendina.