Gestione servizio SuperSite Versione 7 · HTML. Modifica del menù di navigazione E’ possibile...

1

Gestione servizio SuperSite Versione 7

Il servizio SuperSite di Aruba, grazie ai vari strumenti messi a disposizione dell’utente, consente di creare un sito web

personalizzato, in modo facile e veloce.

SuperSite Versione 7 presenta numerosi aggiornamenti che rendono il servizio ancora più semplice nell’utilizzo, offrendo

template e grafica del tutto innovative.

In questa Guida saranno descritti gli strumenti di base per la gestione del servizio e la pubblicazione di un sito web

tramite SuperSite 7.

Importante:

Le funzionalità del servizio variano in base alla Versione acquistata.

Sommario

Accesso al pannello di gestione SuperSite Versione 7 .......................................................................................................................................... 2

Accesso al pannello ......................................................................................................................................................................................................... 2

Modalità di visualizzazione in base al supporto su cui si opera ................................................................................................................... 3

Style: scelta del template e impostazioni generali del tema ............................................................................................................................... 4

Scelta e modifica del template ................................................................................................................................................................................... 4

Colori del Tema ................................................................................................................................................................................................................. 5

Sfondo del Template ....................................................................................................................................................................................................... 6

Font: carattere del Tema del Template.................................................................................................................................................................... 9

Sito: Aggiunta di una pagina o di una cartella ........................................................................................................................................................ 10

Immagini: upload delle immagini e gestione Album ........................................................................................................................................... 12

Sezione Immagini ........................................................................................................................................................................................................... 12

Sezione Album Immagini ............................................................................................................................................................................................ 14

Modifica delle pagine e dei menù di navigazione ................................................................................................................................................. 15

Modifica delle voci di menù ....................................................................................................................................................................................... 15

Modifica del menù di navigazione .......................................................................................................................................................................... 17

Gestione dei moduli del Template ............................................................................................................................................................................... 18

Modifica del Logo del sito web ................................................................................................................................................................................ 18

Modifica del nome dell’azienda ............................................................................................................................................................................... 19

Aggiunta elementi: gestione dei Widget ................................................................................................................................................................... 20

Caratteristiche comuni a tutti i Widget ................................................................................................................................................................. 20

Widget Standard ............................................................................................................................................................................................................. 21

Widget Immagine ...................................................................................................................................................................................................... 21

Widget Testo ............................................................................................................................................................................................................... 23

Widget Titolo............................................................................................................................................................................................................... 23

Widget Azienda ............................................................................................................................................................................................................... 24

Widget Mappa ............................................................................................................................................................................................................ 24

2

Widget Modulo .......................................................................................................................................................................................................... 25

Widget Chiamami ...................................................................................................................................................................................................... 26

Widget Personale ...................................................................................................................................................................................................... 27

Widget Business ......................................................................................................................................................................................................... 28

Widget Modulo di Iscrizione ................................................................................................................................................................................ 28

Widget Paypal ............................................................................................................................................................................................................. 29

Widget Yelp ................................................................................................................................................................................................................. 31

Widget Social ................................................................................................................................................................................................................... 32

Widget Twitter e Tweet ........................................................................................................................................................................................... 32

Widget Facebook ...................................................................................................................................................................................................... 34

Widget Disqus............................................................................................................................................................................................................. 35

Widget Layout.................................................................................................................................................................................................................. 35

Widget Link .................................................................................................................................................................................................................. 36

Widget Divisore .......................................................................................................................................................................................................... 37

Widget Spaziatore ..................................................................................................................................................................................................... 38

Widget Colonne ......................................................................................................................................................................................................... 38

Widget HTML .............................................................................................................................................................................................................. 39

Widget Media................................................................................................................................................................................................................... 40

Widget YouTube ........................................................................................................................................................................................................ 40

Widget Slideshow...................................................................................................................................................................................................... 41

Widget Galleria Immagini ...................................................................................................................................................................................... 42

Widget Dropbox ........................................................................................................................................................................................................ 43

Widget SoundCloud ................................................................................................................................................................................................. 44

Widget Blog e sezione Blog ....................................................................................................................................................................................... 45

Widget Ricerca Articoli e Ricerca Blog e sezione Blog di SuperSite Versione 7 ............................................................................. 45

Importare Blog da Wordpress.............................................................................................................................................................................. 48

Gestisci: SEO, Favicon e Google Analystics ............................................................................................................................................................... 49

Favicon ................................................................................................................................................................................................................................ 50

Google Analytics ............................................................................................................................................................................................................. 51

SEO ....................................................................................................................................................................................................................................... 51

Visualizzazione Anteprima e pubblicazione del sito web ................................................................................................................................... 52

Accesso al pannello di gestione SuperSite Versione 7

Accesso al pannello

Per accedere al pannello di gestione di SuperSite Versione 7, è necessario andare su http://supersite.aruba.it/ e seguire i

seguenti step:

1. Fare click su -Area Clienti- in alto a destra

2. Selezionare il pulsante –Login-

http://supersite.aruba.it/

3

3. inserire i codici Login e Password associati al servizio dove richiesto e premere il pulsante –Login-

4. Una volta effettuato l’accesso, sarà possibile visionare tutti i servizi SuperSite associati alla Login inserita, qualora ve ne

sia più uno, siano essi attivi o meno

5. Selezionare il pulsante in corrispondenza del servizio SuperSite attivo di interesse ed accedere al pannello

di gestione.

ATTENZIONE: Per procedere alla modifica è importante che l’icona con il pulsante rosso in alto, centrale, sia spostata

verso la voce –Modifica-

Modalità di visualizzazione in base al supporto su cui si opera

E’ possibile operare sul servizio SuperSite Versione 7 ed eseguire le modifiche desiderate sui vari supporti tecnici: PC,

Tablet e Smartphone.

Pertanto, è necessario modificare la visualizzazione sulla base di questi 3 supporti, selezionando l’icona apposita nel

menù orizzontale in alto:

1. PC

2. Tablet

4

3. Smartphone

Style: scelta del template e impostazioni generali del tema

Tramite la funzione Style, nel menù verticale a sinistra, è possibile scegliere, tra i numerosi template presenti, quello che

più si adatta alle proprie esigenze:

Scelta e modifica del template

Per scegliere il template da utilizzare, seguire i seguenti step:

1. Selezionare la voce –Cambia Template- all’interno del menù Style

2. Tra i Template presenti, per i quali è possibile effettuare anche una ricerca per categoria, selezionare quello di interesse

per visionarne l’anteprima

5

3. Premere sul pulsante in alto a destra, per confermare l’utilizzo del Template selezionato oppure

selezionare in alto a sinistra, per continuare la visione dei template.

Colori del Tema

Per modificare i colori del tema del template scelto, è sufficiente seguire quanto indicato:

1. Selezionare la voce -Colori- all’interno del menù –Style-

2. Selezionare il colore o i colori desiderati dalla tavolozza

6

Se si desidera modificare la tavolozza dei colori, utilizzare le impostazioni di -Modifica tavolozza- tramite l’icona

apposita

Sfondo del Template

Per modificare lo sfondo del Template scelto, è necessario selezionare la voce –Sfondo- all’interno del menù -Style-

7

E’ possibile scegliere tra le seguenti opzioni:

1. Gradiente: se si desidera dare una sfumatura di colore verticale, orizzontale o circolare al Tema scelto e selezionare il

colore da utilizzare

2. Tinta unita: se si desidera scegliere un solo colore per il Tema. Il colore è selezionabile tramite l’icona

8

3.Immagine: se si desidera inserire un’immagine come sfondo. In questa sezione è possibile:

Selezionare un’immagine tramite il pulsante –Scegli immagine- che consente sia di scegliere tra le immagini già

presenti, sia di caricarne di nuove tramite il pulsante –Aggiungi immagine-

Scegliere le dimensioni dell’immagine: dimensioni originali o a tutto schermo

Scegliere l’orientamento dell’immagine: a sinistra, centrale o a destra, in alto o in basso

9

Scegliere se ripetere la stessa immagine orizzontalmente, verticalmente o in entrambe le modalità, aggiungendo

il flag in corrispondenza della voce desiderata

Font: carattere del Tema del Template

Per modificare il carattere dei testi nel sito web creato con SuperSite Versione 7, è necessario:

1. Accedere alla sezione -Font- nel menù -Style- a sinistra

2. Procedere alla modifica del testo di interesse

10

Sito: Aggiunta di una pagina o di una cartella

Dalla sezione –Sito-, prima voce del menù a sinistra, è possibile accedere alla gestione delle pagine e cartelle ed

aggiungerne di nuove tramite l’apposito pulsante –Aggiunta pagina/cartella-

Per l’inserimento di una pagina è necessario:

1. Selezionare tramite il flag la voce –Pagina-

2. Inserire il titolo della Pagina

3. Selezionare la tipologia di pagina che si va ad inserire

4. Terminare l’operazione con il pulsante -Aggiungi pagina-

11

Per l’inserimento di una cartella, è necessario:

1. Selezionare tramite il flag la voce –Cartella-

2. Inserire il nome della Pagina

3. Terminare l’operazione con il pulsante –Crea cartella-

Pagine e cartelle sono visibili dalla sezione –Sito- e sono distinte da due diverse icone

12

Immagini: upload delle immagini e gestione Album

E’ possibile caricare e gestire le immagini tramite due sezioni:

1. La sezione –Immagini- del menù a sinistra

2. Tramite la sezione –Gestisci- del menù a sinistra

Sezione Immagini

Dalla sezione –Immagini- del menù a sinistra, è possibile:

1. Ricercare le immagini

13

2. Visualizzare le immagini più recenti o tutte le immagini con un’anteprima dell’immagine stessa o visualizzando solo il

nome tramite i pulsanti

3. Caricare le immagini tramite il pulsante -Aggiungi immagini- scegliere l’Album di destinazione creare un

nuovo Album se necessario tramite –Crea album- e inserirne il nome dove richiesto terminare l’operazione con il

pulsante –Salva-

A questo punto il nuovo Album è creato ed è visibile in elenco

14

Una volta selezionato l’Album di destinazione, scegliere il file da caricare tra cioè le immagini fornite

di default dal servizio, o con il pulsante per caricare un file direttamente dal proprio Pc.

Sezione Album Immagini

Per gestire totalmente Immagini ed Album, accedere alla sezione –Gestisci- selezionando –Album immagini-

In questa sezione è possibile:

1. Ricercare ed aggiungere immagini

2. Selezionare le immagini per spostarle ed eliminarle tramite l’apposito menù azzurro che comparirà in alto, e

modificare le caratteristiche dell’immagine stessa

3. Gestire gli Album, rinominarli o eliminarli

15

Modifica delle pagine e dei menù di navigazione

Modifica delle voci di menù

E’ possibile gestire le pagine del sito web tramite la sezione –Sito-, che mostra tutte le pagine e cartelle presenti

Per modificare le voci di menù, è necessario seguire i seguenti step:

1. Accedere alla sezione di modifica tramite l’icona posta accanto alla voce di menù interessata

2. Nella sezione che si apre è possibile:

Modificare il Titolo della Pagina

Modificare il Titolo che deve essere mostrato sul browser

Inserire le parole chiave SEO (acronimo di Search Engine Optimization) e una breve descrizione, se necessario,

per ottimizzare al massimo l’indicizzazione sui motori di ricerca

Scegliere tramite il flag se tale voce debba visualizzarsi nel menù di navigazione o meno

16

I pulsanti -Script- permettono l’inserimento e la modifica del codice HTML; solitamente vengono messe nelle

relative sezioni del codice, ovvero tra i tag <head>....</head> e tra i tag <body>....</body>. E’ il cliente che

deve decidere quale codice inserire e se tale codice debba essere applicato a tutte le pagine (inserendo il codice

nella prima sezione Tutte le pagine) oppure solo nella pagina specifica (inserendo il codice nella sezione Solo

per questa pagina). Tali operazioni sono consentite tramite i pulsanti:

17

Per terminare tutte le operazioni è necessario selezionare il pulsante – SALVA-

ATTENZIONE: è sconsigliato apportare modifiche a tali aree se non si hanno almeno conoscenze di base del linguaggio

HTML.

Modifica del menù di navigazione

E’ possibile modificare in qualsiasi momento il menù di navigazione del sito web creato con SuperSite Versione 7.

Facendo click sul menù per selezionarlo, è possibile accedere all’area di modifica:

Una volta all’interno dell’area di modifica, è possibile.

1. Scegliere se mostrare o meno il Widget in questione, cioè il menù

2. Scegliere il tipo di allineamento delle voci di menù: a sinistra, centrale, a destra

3. Modificare lo stile (Font, colore, dimensioni del carattere)

4. Modificare l’ordine delle voci di menù, trascinandole nella posizione desiderata

18

ATTENZIONE: Al termine di ogni operazione, per confermare, è necessario cliccare sul pulsante –SALVA-

Gestione dei moduli del Template

Ogni modulo all’interno del Template scelto può essere modificata in qualsiasi momento.

Per accedere all’Area di Modifica delle varie sezioni, è sufficiente cliccarci per selezionarla.

Modifica del Logo del sito web

Per modificare l’immagine inserita nella Home, che è il logo del sito web:

1. Selezionare l’immagine in questione per accedere all’area di modifica

All’interno di tale sezione è possibile:

Scegliere se utilizzare il logo fornito di default dal Template in uso

Scegliere se utilizzare il proprio logo, quindi, un’immagine personale

19

È possibile selezionare l’immagine desiderata (dal proprio PC o tra le immagini di default fornite dal servizio – a tal

proposito vedere il paragrafo dedicato Immagini: upload delle immagini e gestione Album) e deciderne la grandezza

tramite il pulsante di Zoom

Scegliere se nascondere del tutto il logo

Modifica del nome dell’azienda

Per modificare il nome dell’azienda presente nella Home page del sito web, è necessario:

1. Selezionare la parte in questione per accedere all’area di modifica

2. Inserire il nome dell’azienda da mostrare

3. Modificare lo stile (Font, colore del carattere, dimensioni)

20

Aggiunta elementi: gestione dei Widget

Tramite la sezione –Aggiunta elementi- del menù orizzontale in alto, è possibile inserire nelle pagine del sito web varie

tipologie di Widget.

Caratteristiche comuni a tutti i Widget

Oltre alle funzionalità specifiche che saranno descritte nei paragrafi successivi, di seguito sono indicate delle funzionalità

comuni a tutti i Widget, rappresentati dalla stessa icona:

1. consente di copiare il Widget per poi incollarlo altrove, se si desidera. Per procedere è necessario trascinare

l’icona che comparirà nel menù orizzontale in alto a destra, dopo aver copiato l’elemento

2. consente di spostare il Widget

3. consente di rimuovere il Widget

21

Widget Standard

I widget Standard, riguardano l’inserimento di:

1. Immagine

2. Testo modificabile

3. Titolo

Widget Immagine

Per inserire il Widget Immagine è necessario trascinarlo nella pagina di destinazione dalla sezione –Aggiungi elementi-

Una volta aggiunto, la pagina visualizzata sarà la seguente:

Per gestire il Widget è necessario utilizzare i pulsanti presenti:

1. consente di aggiungere un’immagine tra quelle già caricate oppure dopo averne caricate di nuove, sia dal

proprio PC che tra le immagini fornite di default dal servizio (per i dettagli consultare il paragrafo: Immagini: upload

delle immagini e gestione Album)

22

2. consente di modificare l’immagine selezionata, tramite le varie funzionalità offerte dall’Editor Foto del servizio

SuperSite Versione 7, tra cui: migliorare la qualità dell’immagine, darle effetti particolari, inserire cornici, ridimensionarla

6. Cliccando sull’immagine stessa inoltre, si accede direttamente ad alcune funzionalità sopra descritte, tramite il pannello

riepilogativo che consente di:

Apportare modifiche e migliorie all’immagine tramite l’Editor Foto tramite il pulsante –Modifica

immagine-

Modificare l’immagine stessa e caricarne una diversa tramite il pulsante –Seleziona immagine-

Modificare le dimensioni dell’immagine

Allineare l’immagine a sinistra, centrale o a destra

Creare un collegamento con link interni, esterni o con caselle di posta

23

Widget Testo

Per inserire un testo modificabile, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

Normale

Il modulo inserito apparirà come da immagine che segue

Per modificarlo è necessario cliccare sul Widget stesso per accedere al pannello di gestione, dove è possibile inserire il

testo desiderato e modificarne le caratteristiche tramite i pulsanti del menù posto in alto:

Confermare le operazioni tramite il pulsante –Salva-

Widget Titolo

Per inserire un Titolo/Intestazione, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

Titolo


Per modificarlo è necessario cliccare sul Widget stesso per accedere al pannello di gestione, dove è possibile inserire il

testo desiderato e modificarne le caratteristiche tramite i pulsanti del menù posto in alto:

24

Confermare le operazioni tramite il pulsante –Salva-

Widget Azienda

I widget Business, riguardano l’inserimento di:

1. Mappa

2. Modulo di contatto

3. Pulsante di contatto telefonico

4. Url LinkedIn personale

5. Url LinkedIn aziendale

6. Modulo di iscrizione

7. Widget PayPal

8. Widget Yelp

Widget Mappa

Per inserire il riferimento a Google Maps all’interno del sito web creato con SuperSite Versione 7, posizionarsi sulla

pagina desiderata tramite il menù a sinistra e trascinarvi il Widget Mappa

25


Per modificarlo cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario:

Inserire l’indirizzo di riferimento

Scegliere lo Zoom da impostare alla cartina visualizzata

Scegliere l’altezza della cartina visualizzata

Confermare le operazioni con il pulsante –Salva- e la cartina sarà visibile nel sito web

Widget Modulo

Per inserire un Modulo di Contatto nel proprio sito web realizzato con SuperSite Versione 7, posizionarsi sulla pagina

desiderata tramite il menù a sinistra e trascinarvi il Widget Modulo


26

Per modificarlo è necessario cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario:

1. Inserire l’oggetto che comparirà nell’email ricevuta tramite l’invio con il Modulo di Contatto

2. Inserire il testo del pulsante che servirà per l’invio dell’email

3. Inserire l’indirizzo email sul quale ricevere le comunicazioni che provengono dal Form di contatto (l’utente utilizzando il

Form dovrà inserire il proprio indirizzo email

Confermare le operazioni con il pulsante –Salva- e il Form di contatto sarà visibile nel sito web

Widget Chiamami

Per inserire il Widget che consente di visualizzare il recapito telefonico e cliccare direttamente per inoltrare la chiamata

con Skype o tramite cellulare nel proprio sito web, posizionarsi sulla pagina desiderata tramite il menù a sinistra e

trascinarvi il Widget Chiamami

27


Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario:

1. Inserire il numero di telefono cui verrà inoltrata direttamente la chiamata

2. Inserire il testo del pulsante di chiamata

3. Scegliere l’allineamento del widget: a sinistra, centrale, a destra

Confermare le operazioni con il pulsante –Salva- e il Form di contatto sarà visibile nel sito web

Widget Personale

Per inserire il Widget che consente di inserire un collegamento diretto con il proprio profilo LinkedIn personale,

posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget Personale


Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario inserire l’URL del

proprio profilo LinkedIn, dove richiesto

28

Confermare le operazioni con il pulsante –Salva-

Widget Business

Per inserire il Widget che consente di inserire un collegamento diretto con il proprio profilo LinkedIn aziendale,

posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget Business


Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario inserire l’ID Azienda

LinkedIn


Widget Modulo di Iscrizione

Per inserire il Widget che consente di inserire il modulo di iscrizione del proprio indirizzo email per gli utenti del sito web,

posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget Modulo di Iscrizione


29

Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario:

1. Inserire l’oggetto dell’email che si riceve a seguito dell’iscrizione di un utente

2. Inserire il testo dell’etichetta del modulo di iscrizione

3. Il testo del pulsante necessario per inviare l’iscrizione

4. L’indirizzo email cui si ricevono le iscrizioni degli utenti


Widget Paypal

Per inserire il Widget che consente di inserire il collegamento al sito di PayPal per i pagamenti e creare così il proprio sito

di acuisti online, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget



1. Inserire l’email del proprio profilo Paypal

2. Scegliere la valuta del pagamento tra quelle presenti nel menù a tendina

3. Inserire il nome del prodotto in questione

30

4. Inserire il prezzo del prodotto

5. Inserire il costo delle spese di spedizione

6. Inserire un breve testo descrittivo

7. Scegliere l’allineamento del Widget inserito: a sinistra, centrale, a destra


Una volta pubblicato, cliccando sul modulo inserito, sarà reindirizzato al sito di PayPal e visualizzerà il riepilogo

31

Widget Yelp

Per inserire il Widget che consente il collegamento al profilo Yelp (social network in cui gli utenti si scambiano pareri sui

luoghi in cui abitano o che visitano per lavoro o viaggi), posizionarsi sulla pagina desiderata tramite il menù a sinistra e

trascinarvi il Widget Yelp



1. Inserire il testo dell’etichetta del Widget che comparirà sul sito web

2. Inserire l’ID aziendale Yelp


32

Widget Social

I Widget Social riguardano l’inserimento di collegamenti a:

1. Pagina con commenti di Twitter

2. Facebook

3. Tweet

4. Disqus

Widget Twitter e Tweet

I Widget relativi al social network Twitter, hanno due funzionalità diverse:

1. Il Widget Twitter consente di aggiungere feed Twitter e di mostrare agli utenti tutti i commenti ricevuti

2. Il Widget Tweet consente di vedere tutti i tweet di un determinato canale (scelto in fase di gestione)

Per inserire questi Widget, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

1. Nel caso del Widget Twitter, il modulo apparirà come da immagine che segue


1. Inserire su Cerca il nome utente o il topic da visualizzare

2. Scegliere le tempistiche di aggiornamento dei commenti visualizzati

3. Scegliere se consentire o meno di condividere di nuovo un determinato feed

4. Scegliere il numero di feed che vengono visualizzati

33


2. Nel caso del Widget Tweet, il modulo apparirà come da immagine che segue

Per modificarlo è necessario, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario:

1. Inserire il testo del Tweet

2. Inserire il link del Tweet

3. Scegliere l’allineamento: a sinistra, centrale, a destra


34

Il Widget sarà visibile nel sito web come da immagine che segue

Cliccando sul Tweet gli utenti saranno rimandati al feed relativo, nel sito Twitter.com

Widget Facebook

Con il Widget Facebook è possibile segnalare il proprio sito sull’account di Facebook dell’utente che clicca sull’icona Mi

piace che apparirà in pagina dopo aver inserito il Widget relativo.

Per inserirlo, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

Il modulo apparirà come da immagine che segue

Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile scegliere la modalità di

visualizzazione del Widget, il font, la posizione


Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell’esempio)

35

Widget Disqus

Il social network Disqus consente di inserire e visualizzare i commenti. Per inserirlo, posizionarsi sulla pagina desiderata

tramite il menù a sinistra e trascinarvi il Widget Disqus

Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile inserire lo Shortname,

ovvero il nome di iscrizione al sito disqus.com, che è possibile anche tramite il proprio account Facebook e Twitter



Widget Layout

I Widget Layout riguardano impostazioni di visualizzazione del sito web e la grafica generale. Questi Widget riguardano

l’inserimento di:

1. Link

2. Linee divisorie

3. Spaziatori

4. Colonne

5. Codice HTML per pubblicazione

36

Widget Link

Il Widget Link consente di inserire un pulsante tramite il quale l’utente viene rimandato direttamente ad un indirizzo web

specifico. Per inserirlo, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

Il modulo sarà visualizzato come da immagine che segue

Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile:

1. Scegliere il tipo di collegamento: esterno, interno, email

2. Inserire il testo del pulsante visualizzato nel sito web

3. Scegliere il posizionamento del pulsante: a sinistra, centrale, a destra



37

Widget Divisore

Il Widget Divisore consente di inserire una linea orizzontale nella pagina desiderata del proprio sito web. Per inserirlo,

posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget


Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile:

1. Scegliere l’allineamento del divisore

2. Scegliere lo spessore della linea

3. Scegliere la spaziatura

4. Scegliere la lunghezza della linea



38

Widget Spaziatore

Il Widget Spaziatore consente di inserire uno spazio nella pagina del sito web creata con SuperSite Versione 7. Per

inserirlo, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget


Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile selezionare l’altezza della

spaziatura inserita


Widget Colonne

Per inserire delle colonne nel sito web creato con SuperSite Versione 7, posizionarsi sulla pagina desiderata tramite il

menù a sinistra e trascinarvi il Widget

Il modulo sarà visualizzato come da immagine che segue ed è necessario selezionare subito il numero di colonne

desiderate

Per accedere al pannello di gestione, cliccare sul’icona sulla sinistra del Widget stesso e scegliere tra le

impostazioni delle colonne proposte

39

Una volta definite tali impostazioni generali, le colonne sono state inserite nella pagina e sarà possibile personalizzarle a

piacimento, utilizzando i Widget proposti dal servizio SuperSite Versione 7, ad esempio, inserire un’Immagine nella

colonna:


Widget HTML

Il Widget HTML consente di gestire i contenuti del sito web e la pubblicazione, utilizzando i codici HTML. Per inserirlo,

posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget


Cliccare sul Widget stesso e accedere al pannello dove è necessario inserire il codice HTML

40



ATTENZIONE: Per l’utilizzo del Widget HTML è necessaria una conoscenza di base del linguaggio HTML, per cui è

disponibile la Guida: http://www.html.it/guide/guida-html/

Widget Media

I Widget Media riguardano l’inserimento di:

1. Video YouTube

2. Slideshow

3. Galleria Immagini

4. Dropbox

5. SoundCloud

Widget YouTube

Il Widget YouTube consente l’inserimento di un video YouTube nel proprio sito web creato con SuperSite Versione 7. Per

inserirlo, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

41

Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile inserire il link del video

YouTube


Widget Slideshow

Con il Widget Slideshow è possibile inserire una serie di immagini che saranno visualizzate a scorrimento nel sito web.




1. Scegliere le immagini della SlideShow

2. Scegliere la velocità di scorrimento delle immagini

3. Scegliere il tipo di transizione (a dissolvenza, senza alcun effetto, ecc...)

42



Widget Galleria Immagini

Il Widget Galleria Immagini consente l’inserimento di una galleria di immagini a piacere. Per inserirlo, posizionarsi sulla

pagina desiderata tramite il menù a sinistra e trascinarvi il Widget

43


Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario scegliere le immagini da

visualizzare nel sito web e le impostazioni generali



Widget Dropbox

Con il Widget Dropbox possono essere caricate immagini direttamente dal proprio account Dropbox sul sito sito web

creato con SuperSite Versione 7. Per inserirlo, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il

Widget



1.Accedere al proprio account Dropbox per scegliere l’immagine desiderata

44

2. Scegliere se far visualizzare il nome del file caricato all’interno del sito web

3. Inserire il testo del pulsante che comparirà nel sito web

4. Scegliere il posizionamento del pulsante: a sinistra, centrale, a destra



Widget SoundCloud

Grazie al Widget SoundCloud, è possibile inserire collegamenti a SoundCloud, il sito web che permette ai musicisti di

collaborare, promuovere e distribuire la loro musica.



Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario il codice richiesto,

come da esempio:

45


Widget Blog e sezione Blog

I Widget Blog riguardano l’inserimento di:

1. Articoli Blog

2. Il pulsante per la ricerca degli articoli del Blog

3. I commenti Facebook

Widget Ricerca Articoli e Ricerca Blog e sezione Blog di SuperSite Versione 7

I Widget Lista Articoli e Ricerca Articoli riguarda gli articoli del Blog. Prima di poter utilizzare tali Widget, è necessario

procedere ad inserire le impostazioni generali del Blog e i suoi articoli.

Tale operazione è possibile dalla sezione Blog, nel menù verticale a sinistra del pannello di gestione di SuperSite

Versione 7

46

Innanzitutto, dalla sezione –Imposta- è necessario procedere ad impostare i dati di base e:

1. Stabilire se il Blog debba essere visibile o meno

2. Inserire il Titolo del Blog

3. Inserire un Sommario, cioè una breve descrizione del Blog

4. Selezionare il numero di articoli del Blog visibili per pagina

Cliccare su –Aggiorna Blog- per confermare le operazioni

47

Procedere poi sulla sezione –Aggiungi articolo- dove è necessario inserire il titolo dell’articolo, il contenuto e un breve

sommario che sarà visibile nella lista dei post sul sito web, un’immagine e i tag (non obbligatori)

Terminare l’operazione con il pulsante –Pubblica-

La lista degli articoli è visibile nella sezione –Articoli-

Qui, inserendo il flag a destra in corrispondenza dell’articolo, è possibile scegliere se renderlo pubblico, metterlo offline

oppure cancellarlo definitivamente

48

Cliccando sul titolo stesso dell’articolo, si accede alla pagina di compilazione dell’articolo (vedi indicazioni sopra).

A questo punto, completate le impostazioni generali del Blog, è possibile inserirlo sul sito web creato con SuperSite

Versione 7 utilizzando il Widget Lista Articoli dalla sezione –Aggiungi elementi- trascinando il Widget Lista Articoli

sulla pagina

Se si desidera, inserire anche il Widget Ricerca Blog per consentire la ricerca degli articoli, utilizzare, invece il Widget

Ricerca Blog

Il Blog apparirà come da immagine che segue

Importare Blog da Wordpress

La nuova Versione di SuperSite consente di importare il Blog sul sito web che si sta creando con tale servizio

direttamente da WordPress.

49

Tale operazione è possibile sul pannello di gestione di SuperSite Versione 7 su:

1. Sezione Blog, nel menù verticale a sinistra

2. Sezione -Importa da Wordpress-

3. Selezionare i file da importare tramite il pulsante –Select file-

4. Scegliere se pubblicare gli articoli sul Blog

5. Terminare le operazioni con il pulsante –Importa-

Gestisci: SEO, Favicon e Google Analystics

Nella sezione –Gestisci- del menù verticale a sinistra del pannello di gestione SuperSite Versione 7 è possibile stabilire

alcune impostazioni generali relative al sito web:

1. Stato sito: se il sito debba essere online o offline.

2. Profilo: contiene alcuni dati generali, come il nome dell’azienda, l’intestazione, il logo, i propri contatti, ecc.

3. Collega un dominio: dove è presente la mappatura del sito web e i domini collegati.

4. Favicon: vedi paragrafo specifico a seguire .

5. Google Analytics: vedi paragrafo specifico a seguire.

6. SEO: vedi paragrafo specifico a seguire.

7. Reindirizzamenti: per impostare reindirizzamenti a link esterni o interni tramite il pulsante –crea un

reindirizzamento-.

50

8. Resetta: per riportare il sito web allo stato iniziale, perdendo quindi tutti i contenuti.

9. Album immagini: vedi paragrafo dedicato Immagini: upload delle immagini e gestione Album.

Favicon

La favicon (acronimo di favourites icon)è una piccola immagine, un logo, inerente i contenuti del sito web cui si riferisce e

viene visualizzata a sinistra, nell’url della barra degli indirizzi del browser, in fase di navigazione del sito web per quale è

stata impostata.

Per aggiungerla, è necessario:

1. Andare su -Gestisci- nel pannello di controllo SuperSite Versione 7e poi su –Favicon-

2. Scegliere l’immagine, che dovrà essere di tipo .ico

Nella barra degli indirizzi è, quindi, visibile la favicon inserita:

Se si desidera eliminarla, cliccare sul pulsante –Rimuovi- nella stessa sezione del pannello di gestione.

51

Google Analytics

Grazie alle impostazioni dell’area Google Analytics del pannello SuperSite Versione 7 è possibile visualizzare le statistiche

d’uso del sito.

Per procedere è necessario:

1. Registrarsi su Google Analytics su: https://accounts.google.com/ per ottenere l’ID di monitoraggio (stringa di lettere e

numeri del tipo: XX-11111111-1) tramite il pulsante –Ottieni l’ID di monitoraggio-

2. Andare su -Gestisci- nel pannello di controllo SuperSite Versione 7e poi su –Google Analytics-

3. Inserire l’ID di monitoraggio su –ID di Tracciamento-

4. terminare le operazioni con il pulsante –Salva-

SEO

Stabilendo le impostazioni SEO, è possibile ottenere una buona indicizzazione del sito web creato con SuperSite Versione

7, sui motori di ricerca, grazie alle parole chiave che si ritengo migliori a questo scopo.

Tali impostazioni sono effettuabili nella sezione -Gestisci- nel pannello di controllo SuperSite Versione 7e poi su –SEO-

Quindi, è necessario:

1. Associare un Titolo al sito e fare in modo che esso contenga il nome della propria attività

2. Aggiungere una Descrizione (motori di ricerca la usano spesso per mostrarla nei loro risultati)

https://accounts.google.com/

52

3. Inserire alcune Parole Chiave inerenti i contenuti del Sito (è importante pensare a tutte le parole chiave che gli utenti

potrebbero digitare quando cercano l’ attività in questione, l’oggetto del sito o i prodotti presenti in esso)

4. Selezionare la Lingua utilizzata nel sito

5. terminare le operazioni con il pulsante –Salva-

Visualizzazione Anteprima e pubblicazione del sito web

E’ possibile visionare le modifiche effettuate, prima della pubblicazione definitiva del sito web tramite l’apposita sezione –

Anteprima- nel menù orizzontale in alto, spostando il pulsante rosso:

Dopo aver visionato l’anteprima, per procedere alla pubblicazione, è necessario:

1. Ritornare su –Modifica- cliccando con il pulsante rosso

2. Cliccare su –Pubblica- nel menù orizzontale in alto

3. Terminare l’operazione premendo sul pulsante –Pubblica-

Gestione servizio SuperSite Versione 7 · HTML. Modifica del menù di navigazione E’ possibile...

Documents

Transcript of Gestione servizio SuperSite Versione 7 · HTML. Modifica del menù di navigazione E’ possibile...