Gestione servizio SuperSite Versione 7

Transcript

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 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 Immagini: upload delle immagini e gestione Album Sezione Immagini Sezione Album Immagini Modifica delle pagine e dei menù di navigazione Modifica delle voci di menù Modifica del menù di navigazione Gestione dei moduli del Template Modifica del Logo del sito web Modifica del nome dell azienda Aggiunta elementi: gestione dei Widget Caratteristiche comuni a tutti i Widget Widget Standard Widget Immagine Widget Testo Widget Titolo Widget Azienda Widget Mappa

2 Widget Modulo Widget Chiamami Widget Personale Widget Business Widget Modulo di Iscrizione Widget Paypal Widget Yelp Widget Social Widget Twitter e Tweet Widget Facebook Widget Disqus Widget Layout Widget Link Widget Divisore Widget Spaziatore Widget Colonne Widget HTML Widget Media Widget YouTube Widget Slideshow Widget Galleria Immagini Widget Dropbox Widget SoundCloud Widget Blog e sezione Blog Widget Ricerca Articoli e Ricerca Blog e sezione Blog di SuperSite Versione Importare Blog da Wordpress Gestisci: SEO, Favicon e Google Analystics Favicon Google Analytics SEO Visualizzazione Anteprima e pubblicazione del sito web Accesso al pannello di gestione SuperSite Versione 7 Accesso al pannello Per accedere al pannello di gestione di SuperSite Versione 7, è necessario andare su e seguire i seguenti step: 1. Fare click su -Area Clienti- in alto a destra 2. Selezionare il pulsante Login- 2

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 3

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 4

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 5

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- 6

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 7

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 8

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 9

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- 10

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 11

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 12

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 13

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 14

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 15

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: 16

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 17

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 18

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) 19

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 20

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) 21

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 22

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 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: 23

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 24

25 Il modulo inserito apparirà come da immagine che segue 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 Il modulo inserito apparirà come da immagine che segue 25

26 Per modificarlo è necessario cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario: 1. Inserire l oggetto che comparirà nell ricevuta tramite l invio con il Modulo di Contatto 2. Inserire il testo del pulsante che servirà per l invio dell 3. Inserire l indirizzo sul quale ricevere le comunicazioni che provengono dal Form di contatto (l utente utilizzando il Form dovrà inserire il proprio indirizzo 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 26

27 Il modulo inserito apparirà come da immagine che segue 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 Il modulo inserito apparirà come da immagine che segue Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario inserire l URL del proprio profilo LinkedIn, dove richiesto 27

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 Il modulo inserito apparirà come da immagine che segue Per modificarlo, cliccare sul Widget stesso per accedere al pannello di gestione, dove è necessario inserire l ID Azienda LinkedIn Confermare le operazioni con il pulsante Salva- Widget Modulo di Iscrizione Per inserire il Widget che consente di inserire il modulo di iscrizione del proprio indirizzo per gli utenti del sito web, posizionarsi sulla pagina desiderata tramite il menù a sinistra e trascinarvi il Widget Modulo di Iscrizione Il modulo inserito apparirà come da immagine che segue 28

29 Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario: 1. Inserire l oggetto dell 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 cui si ricevono le iscrizioni degli utenti Confermare le operazioni con il pulsante Salva- 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 Il modulo inserito apparirà come da immagine che segue Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario: 1. Inserire l 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 29

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 Confermare le operazioni con il pulsante Salva- Una volta pubblicato, cliccando sul modulo inserito, sarà reindirizzato al sito di PayPal e visualizzerà il riepilogo 30

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 Il modulo inserito apparirà come da immagine che segue Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario: 1. Inserire il testo dell etichetta del Widget che comparirà sul sito web 2. Inserire l ID aziendale Yelp Confermare le operazioni con il pulsante Salva- 31

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 Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario: 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 32

33 Confermare le operazioni con il pulsante Salva- 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 Confermare le operazioni con il pulsante Salva- 33

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 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 34

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 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 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 35

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, 2. Inserire il testo del pulsante visualizzato nel sito web 3. Scegliere il posizionamento del pulsante: a sinistra, centrale, a destra Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 36

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 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 l allineamento del divisore 2. Scegliere lo spessore della linea 3. Scegliere la spaziatura 4. Scegliere la lunghezza della linea Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 37

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 Il modulo sarà visualizzato come da immagine che segue Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile selezionare l altezza della spaziatura inserita Confermare le operazioni con il pulsante Salva- 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 impostazioni delle colonne proposte sulla sinistra del Widget stesso e scegliere tra le 38

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: Confermare le operazioni con il pulsante Salva- 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 Il modulo sarà visualizzato come da immagine che segue Cliccare sul Widget stesso e accedere al pannello dove è necessario inserire il codice HTML 39

40 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) ATTENZIONE: Per l utilizzo del Widget HTML è necessaria una conoscenza di base del linguaggio HTML, per cui è disponibile la Guida: 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 40

41 Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è possibile inserire il link del video YouTube Confermare le operazioni con il pulsante Salva- Widget Slideshow Con il Widget Slideshow è possibile inserire una serie di immagini che saranno visualizzate a scorrimento nel sito web. 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 è necessario: 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...) 41

42 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 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 42

43 Il modulo sarà visualizzato come da immagine che segue 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 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 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 Il modulo sarà visualizzato come da immagine che segue Per modificarlo, cliccare sul Widget stesso e accedere al pannello di gestione, dove è necessario: 1.Accedere al proprio account Dropbox per scegliere l immagine desiderata 43

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 Confermare le operazioni con il pulsante Salva- Il Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell esempio) 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 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 per accedere al pannello di gestione, dove è necessario il codice richiesto, come da esempio: 44

45 Confermare le operazioni con il pulsante Salva- 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 45

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 46

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 47

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. 48

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-. 49

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. 50

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: per ottenere l ID di monitoraggio (stringa di lettere e numeri del tipo: XX ) 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) 51

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- 52