You are here: Home / Moduli aggiuntivi / Smart site 2.0 / Layout / Design

Smart site 2.0

Layout / Design

In quest’area è possibile determinare l’aspetto di base, la disposizione degli elementi e i colori. I singoli elementi configurabili sono elencati a sinistra nell’elenco delle strutture.

Template

Nota:

Solo gli utenti con il diritto di “Modificare modelli” possono accedere all’opzione “Modelli” e all’editor di micro-template.

Con un modello si seleziona la struttura e il design di base del sito web (ad esempio, la posizione della barra dei menu, la dimensione e la posizione dei banner, la distribuzione delle finestre di testo). Utilizzare la lente di ingrandimento per ottenere un’anteprima del modello. Selezionare o modificare il modello facendo clic sul cerchio di selezione a sinistra sotto il modello. Puoi modificare i modelli a tuo piacimento, i contenuti rimangono intatti e vengono visualizzati in modo ottimale. È possibile vedere e testare la pagina dal vivo utilizzando l’anteprima in alto o in basso a destra.

I modelli sono diversi, ecco alcuni suggerimenti con caratteristiche speciali

  • Il modello 4 ha un’immagine di sfondo, quindi non è possibile modificare il banner . Viene sempre visualizzata l’ultima immagine del banner. Tenere presente le dimensioni dell’immagine consigliate se si desidera utilizzare un’immagine personalizzata come immagine di sfondo.
  • Il modello 6 visualizza l’immagine del banner solo nella pagina iniziale
  • Il 2. La barra dei menu viene visualizzata orizzontalmente; la posizione varia a seconda del modello.
  • Il modello 2 può avere un 3. Mostra la barra dei menu – sul bordo inferiore

Colori

Qui è possibile regolare i colori dei singoli elementi del sito web secondo i propri desideri. L’anteprima sul lato destro è un’anteprima del modello selezionato, in modo da avere sempre un’impressione della pagina reale.

I colori sono specificati come una combinazione di 6 cifre e lettere, che di solito è nota solo a un designer. È inoltre possibile selezionare il colore desiderato facendo clic sul quadrato del colore simbolo smart site colore quadrato sulla destra.

Si apre una finestra di dialogo con varie opzioni di selezione.

  1. Anteprima dei colori: A sinistra viene visualizzata la tonalità precedente e a destra la nuova tonalità selezionata
  2. Libera scelta del colore: Utilizzare il gradiente di colore (1) per definire il colore di base e il quadrato grande (2) per definire la luminosità (3) / l’oscurità (4) intorno alla luminosità (5,6). In questo modo è possibile regolare individualmente il colore.
  3. Tavole colori: Ecco una selezione di 140 colori base che possono essere selezionati con un clic.
  4. Valori numerici: Qui vengono specificati i valori numerici del colore attualmente selezionato. È possibile inserire qui anche i valori del colore aziendale, se si dispone di tali valori.

Non dimenticare di salvare le impostazioni del colore.

Il campione di colori preimpostato è stato accuratamente selezionato e i singoli colori sono stati coordinati.

Nota:

Salvare ed eliminare la cache in modo da poter vedere le modifiche direttamente sul sito web

Per impostazione predefinita, viene utilizzato il logo dell’edizione enterprise di onOffice, se ne hai memorizzato uno per le brochure HTML / PDF.

Qui è possibile inserire un logo diverso, che sostituirà il logo standard non appena sarà stato caricato un file. Il logo inserito viene visualizzato come anteprima. Se non si desidera alcun logo, è necessario disattivare l’uso del logo standard.

Un’immagine viene visualizzata come banner sul tuo sito web. Fanno eccezione il Modello 4, che utilizza il banner come sfondo, e il Modello 7, che non utilizza il banner.
Nella sezione Banner, è possibile selezionare l’immagine da visualizzare. onOffice fornisce 7 immagini che possono essere visualizzate nella scheda ‘Globale’ e tra le quali è possibile scegliere.
Naturalmente è possibile utilizzare la propria immagine come banner. A tal fine, passare alla scheda “Personalizzato”. Qui è possibile caricare l’immagine selezionata. Le dimensioni o le proporzioni consigliate dell’immagine sono visualizzate nel testo informativo a destra del caricamento del file. Per le immagini più grandi o per altri rapporti di aspetto, viene visualizzata una sezione corrispondente dal centro dell’immagine; le immagini più piccole vengono visualizzate distorte. Assicurati che il nome del file non contenga virgole, spazi o caratteri speciali. Al momento non è possibile modificare l’orario di cambio delle immagini.

È inoltre possibile inserire un breve tag alt sotto la singola immagine, che verrà visualizzato se l’immagine non viene caricata.

Nota:

Le singole immagini caricate possono essere eliminate facendo clic sul simbolo del cestino nell’angolo in alto a destra della miniatura.

Banner diversi sulle singole voci di menu? Anche questo è possibile. Nel menu ‘Contenuto / Struttura’ è possibile definire un’ immagine banner personalizzata per le singole voci di menu.
Un video può essere visualizzato qui .

Favicon

La favicon è l’icona che viene posizionata accanto al nome della pagina nella scheda del browser. Può essere caricato solo in una dimensione massima di 32 x 32 px.

Impostazioni

Nome del sito web
Se si crea o si utilizza più di un sito web, è possibile inserire qui un nome interno per ciascuno di essi. I siti web possono essere selezionati nell’elenco in alto a destra. Si modifica sempre la pagina il cui nome è visualizzato in alto a destra.

Slogan del sito web
Qui puoi inserire lo slogan della tua azienda, che apparirà sul sito web se utilizzate uno dei nostri Template Premium 2-4.

Nota:

Il nome del sito web è il nome interno, non quello visualizzato dal browser. Le impostazioni per il nome visualizzato nel browser si trovano qui.

Parole chiave

Qui è possibile inserire le parole chiave della pagina. Queste parole chiave vengono inserite nel testo sorgente del sito web nell’area meta. Separare le singole parole chiave o combinazioni di parole chiave con una virgola. In base alle parole chiave inserite, il sito web può essere trovato più facilmente da alcuni motori di ricerca online.