Qui infatti potrai inserire i contenuti, aggiungere le pagine, variare la veste grafica, procedere con la pubblicazione online di tutte le modifiche apportate e molto altro ancora.

Per accedere al Pannello Sito è sufficiente entrare in Sitonline, inserendo username e password, e cliccare sul bottone Modifica sito che è presente nel Pannello di Controllo.

Cosa fondamentale per usare quest’opzione è che nel sito sia attivo un template Responsive o Personalizzabile, che come tutti gli altri template offerti da Sitonline è gratuito e incluso in tutti i pacchetti.
Se non l’hai attivato, entra nella sezione Design del tuo Pannello Sito e scegli un Modello Grafico che abbia la fascetta verde in alto a destra e/o l’angolo in basso a destra arancione, oppure clicca sul pulsante Responsive o sul pulsante Personalizzabile, per visionare i rispettivi elenchi completi tra cui scegliere il tuo template.

Tutte le opzioni di modifica dell’home page speciale si trovano all’interno di Design.

Primo passo per modificare l’home page è cambiare la struttura della pagina, selezionando l’apposita voce dalla sezione Design.
Nella finestra Struttura sono presenti due categorie: Pagine Sito, per modificare la configurazione di tutte le pagine, Home per cambiare quella della sola pagina iniziale. Clicca quindi su Home per scegliere una delle 8 configurazioni disponibili per la struttura della home page. La prima configurazione non attiverà una Home Speciale, in quanto si tratta della disposizione standard.

Se hai attivato un template Responsive o un template Personalizzabile, oltre a modificare la struttura, potrai anche inserire un nuovo Sfondo in home page, mettendo ad esempio un’immagine o una texture che sia diversa da quella utilizzata in tutte le altre pagine.

Puoi selezionare uno sfondo in home page, solo se hai attivato una struttura speciale per la home page e non se è attiva quella standard (la prima nella finestra Home)

Per farlo devi sempre entrare in Design, premere Sfondo e selezionare la finestra Home. Scegli il background che più ti piace dalla nostra gallery, oppure caricane uno nuovo e applica all’immagine tutte le opzioni che preferisci.

Home Splash nei vecchi template

Se nel sito hai attivo un vecchio template (con dimensione 1024 pixel), e non un template Personalizzabile, puoi comunque personalizzare la prima pagina, grazie all’opzione Home Splash.
La home splash ti consente di creare una homepage in modalità presentazione.
Selezionando quest’opzione, nella prima pagina del tuo sito verrà visualizzato unicamente l’header grafico e il menù principale di navigazione.

Tutti i red box e le App vengono nascosti e la pagina risulta più compatta.

Per attivare l’home splash devi accedere al Pannello Sito ed in seguito Home Splash, che compare in alto a sinistra nella pagina.

Per ottimizzare la visualizzazione della pagina in modalità presentazione, è consigliato scegliere una testata big, per farlo basta cliccare su MODIFICA TESTATA  e sulla destra appariranno le due opzioni testata big e testata slim.

La home splash, oltre a rendere chiara e ordinata la prima pagina del sito, può essere molto utile, per esempio, per indicare che il sito è ancora in costruzione.

Qualora decidessi di tornare alla visualizzazione classica della homepage, è sufficiente accedere al pannello sito, premere modifica sito ed in seguito Home Full.

Con questa opzione hai la possibilità di scegliere i colori di tutto il template, accedendo a set già pronti, oppure decidendo tu stesso i colori di ogni singolo elemento grafico (sfondi, titoli, bordi, link, testi, ecc…), premendo il link Opzioni avanzate (1). Puoi scegliere il colore tramite l’apposito selettore, o inserire direttamente il codice colore (es. #FFFFFF).

Per avere tutti i dettagli sui Template Personalizzabili leggi questo articolo.

Non stai usando un Template Responsive o Personalizzabile?

Se hai intenzione di cambiare il colore del tuo sito, mantenendo invariato il vecchio modello grafico impostato, clicca il pulsante modifica la testata, bottone presente nella sola home page.

Sulla destra della finestra trovi l’opzione per cambiare colore, di fianco all’icona che raffigura un pennello e, inoltre, potrai scegliere se utilizzare la testata (l’header grafico della tua pagina) in versione Slim (sottile, alta 120 pixel) oppure Big (alta 240 pixel).

Se decidi di cambiare il colore del sito o modificare l’altezza dell’header, in automatico verranno impostati i font (caratteri) del titolo e l’immagine di testata predefiniti per quella declinazione di colore. Queste impostazioni sono facilmente modificabili accedendo sempre all’interfaccia di modifica la testata.

Il cambio di colore effettuato dalla sezione MODIFICA LA TESTATA DEL TUO SITO, non farà azzerare le modifiche effettuate al codice html del sito.

Questa funzione consente di caricare e selezionare le immagini della testata grafica, premendo il bottone Personalizza testata.
La prima cosa da fare è selezionare l’immagine da te desiderata, cliccando sulla voce cambia immagine.

Puoi scegliere se selezionare una tra le oltre 500 immagini presenti nella nostra gallery (suddivisa per categorie) oppure caricarne una personale, scegliendola dal tuo computer. I formati accettati sono i seguenti: .jpg (jpeg), .png oppure .gif.

Una volta caricate le immagini puoi decidere se applicarvi diversi effetti grafici, scegliendo quello che desideri dal menù a tendina e impostando anche il tempo d’attesa tra una foto e l’altra.

Sempre dalla sezione Testata, presente nel menù Design, puoi scegliere se nascondere la testata o attivare l’opzione per far si che si veda solo nella home page del tuo sito.

Per avere tutti i dettagli sui Template Responsive leggi questo articolo

Per avere tutti i dettagli sui Template Personalizzabili leggi questo articolo.

Non stai usando un Template Responsive o Personalizzabile?

Se stai usando un vecchio template, per cambiare l’immagine o la tipologia di header premi il bottone Modifica la testata, presente nella sola home page del tuo sito.

Trovi un‘anteprima dell’header, con sotto tre voci che variano a seconda del tipo di testata attualmente caricata.

Se il tuo sito ha una testata slide il menu sarà composto dalle seguenti opzioni:

• cambia immagini
• tipo rotazione
• testata singola

Mentre se il tuo sito ha una testata singola il menu sarà composto dalle seguenti opzioni:

• cambia immagine
• scegli animazione
• testata slide

Cliccando sulla voce cambia immagine puoi modificare la foto, caricandone una personale presente sul tuo pc, o scegliendone una presente nella nostra galleria immagini che ti mettiamo a disposizione. In questo caso ti diamo la possibilità di scegliere tra testata Slim (sottile, alta 120 pixel) oppure Big (alta 240 pixel).

Per poter applicare un’animazione all’immagine è necessario che questa abbia una delle seguenti dimensioni: 740 x 120 px per le Slim, oppure 740 x 240 px le Big.
Immagini di dimensioni differenti verranno automaticamente adattate.

Una volta selezionata la testata hai la possibilità di scegliere l’animazione più adatta, al fine di rendere più gradevoli le pagine del tuo sito.

Se vuoi invece dotare il tuo sito di una testata con immagini multiple, clicca testata slide.
Con quest’opzione potrai inserire fino a tre immagini per la testata del sito e scegliere l’animazione che più preferisci (dissolvenza, slide, zoom, ecc…). La testata con immagini multiple è disponibile solo per l’Home Page, mentre nelle altre pagine avrai, come immagine fissa, la prima delle tre immagini che avrai selezionato.

Se non vuoi che la tua pagina sia dotata di un header, ti basterà premere la X rossa rimuovi testata. Le immagini personali verranno comunque mantenute tra i file caricati.

Ti ricordiamo che se in futuro deciderai di cambiare modello grafico o modificare l’altezza dell’header, in automatico varranno azzerate le impostazioni del titolo e della testata.

Per ogni categoria presente nel menu a tendina, ti vengono proposti diversi modelli grafici (o template), disponibili  in tre diverse colorazioni.

Una volta completata la creazione del sito, puoi decidere di cambiare il modello grafico in qualsiasi momento, scegliendone uno tra gli oltre 400 disponibili nella sezione Design del Pannello Sito, organizzata per categorie d’appartenenza, scale cromatiche, template Responsive, template Personalizzabili, Preferiti e Ultimi:

• Ultimi: contiene i modelli più recenti;
• Responsive: è l’elenco completo e non filtrato dei template Responsive;
• Personalizzabili: è l’elenco completo e non filtrato dei template Personalizzabili;
• Colore: filtra i modelli in base al colore predominante;
• Categoria: propone una lista di modelli affini alla categoria merceologica di appartenenza.
• Preferiti: mostra tutti i template che hai indicato come tuoi favoriti

Per sostituire il template è sufficiente cliccare sull’anteprima di quello desiderato e il sistema provvede automaticamente alla sostituzione.

Per inserire un modello grafico nell’elenco dei tuoi Preferiti, devi cliccare la stella che compare in alto a destra nell’anteprima del template, quando gli posizioni sopra il puntatore del mouse. Per rimuoverlo dall’elenco invece devi deselezionare la stella.

I modelli grafici, oltre che nel loro aspetto generale e nello stile, differiscono tra loro anche per la disposizione del menù di navigazione (che può essere a destra, a sinistra o in alto), per dimensione e per disposizione dei blocchi principali (contenuto testuale principale e colonne di navigazione).

Ogni volta che cambi il modello grafico tutte le modifiche html e css apportate al sito (tranne quelle effettuate nei red box) verranno perse.

Cambiando invece il colore del template dalla finestra modifica la testata (presente in home page) non verranno perse le modifiche apportate al codice html e css.

Per avere informazioni sui Template Responsive leggi invece questo articolo

Per avere informazioni sui Template Personalizzabili leggi invece questo articolo

Per marcare un template come favorito è sufficiente cliccare l’icona stella che compare nell’anteprima di ogni modello, per far sì che in automatico venga inserito nella categoria Preferiti. Per annullare l’operazione basta premere nuovamente l’icona stella.

Questa opzione ti permette di avere sempre a portata di mano i template che preferisci, per poterli così recuperare e caricare sul sito velocemente, senza doverli ricercare nell’intera galleria che contiene oltre 400 modelli grafici.

Per tutti i dettagli su questa e altre funzioni visita la pagina Modelli grafici

Disponibile in tre colorazioni grigio, oro e verde, il tema di questo modello grafico è l’eleganza della donna.
Il template è stato creato con una struttura a due colonne, dove il menu è posizionato verticalmente, alla sinistra della testata grafica.
Lady è caratterizzato da colori classici ed eleganti, con il profilo di una donna nella testata grafica che costituisce uno degli elementi predominanti del modello grafico.

Per maggiori informazioni su come cambiare il tuo template, visita la pagina Modelli grafici

Lo sfondo del modello grafico, che ricorda molto il rivestimento dei complementi d’arredo di un atelier di moda, dà un tocco di eleganza e sfarzo all’intera struttura, suddivisa in due colonne, con la figura femminile in alto nell’header che si sovrappone al menù posto orizzontalmente, immediatamente sotto di esso.

Luxury è disponibile nei colori porpora, beige e antracite.

Per maggiori informazioni su come cambiare il template, visita la pagina Modelli grafici

Le note di colore, che si alternano tra il marrone, l’antracite e il violetto di varie sfumature, poggiano e scorrono veloci sul grande spartito in chiave di violino posizionato in cima alla pagina.

La classicità e solidità degli elementi strutturali sono il filo conduttore di questo template. I contenuti sono posizionati nel corpo centrale del sito con titoli grandi e ben visibili e sono presentati in forma di libretto d’opera, come a teatro o prima di un concerto, con il menù laterale che ne scandisce i capitoli.

Per maggiori informazioni su come cambiare il template, visita la pagina Modelli grafici

Il modello grafico è stato creato con una struttura a due colonne, dove il menu è posizionato orizzontalmente in alto alla pagina, al di sopra della testata grafica. Il template Dating è caratterizzato dall’effetto radiale nell’header e nel footer della pagina, effetto che rappresenta l’elemento predominante del modello grafico.

Dating è disponibile in tre differenti declinazioni di colore, tutti molto accesi e brillanti: fuxia, verde e azzurro.

Per maggiori informazioni su come cambiare il tuo template, visita la pagina Modelli grafici