Gestione servizio SuperSite Versione 7

Transcript

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
1
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-
2
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
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
3. Premere sul pulsante
selezionare
in alto a destra, per confermare l’utilizzo del Template selezionato oppure
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
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
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
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

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
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 –Pagina2. 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
Per l’inserimento di una cartella, è necessario:
1. Selezionare tramite il flag la voce –Cartella2. 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
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
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
Una volta selezionato l’Album di destinazione, scegliere il file da caricare tra
di default dal servizio, o con il pulsante
cioè le immagini fornite
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
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

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
Per terminare tutte le operazioni è necessario selezionare il pulsante – SALVAATTENZIONE: è 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
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
È 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
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
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 elementiUna 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
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


immagineModificare l’immagine stessa e caricarne una diversa tramite il pulsante –Seleziona immagineModificare 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
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 –SalvaWidget 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:
23
Confermare le operazioni tramite il pulsante –SalvaWidget 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
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
25
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
26
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
27
Confermare le operazioni con il pulsante –SalvaWidget 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
Confermare le operazioni con il pulsante –SalvaWidget 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
28
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
Confermare le operazioni con il pulsante –SalvaWidget 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
29
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 –SalvaUna volta pubblicato, cliccando sul modulo inserito, sarà reindirizzato al sito di PayPal e visualizzerà il riepilogo
30
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
Confermare le operazioni con il pulsante –Salva-
31
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
32
Confermare le operazioni con il pulsante –Salva2. 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
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 –SalvaIl Widget sarà visibile nel sito web come da immagine che segue (in base ai parametri impostati come nell’esempio)
34
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
35
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
36
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
37
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
Confermare le operazioni con il pulsante –SalvaWidget 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
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 –SalvaWidget 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
39
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
40
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 –SalvaWidget 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...)
41
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
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
43
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:
44
Confermare le operazioni con il pulsante –SalvaWidget 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
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
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 –PubblicaLa 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
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
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 file4. 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
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
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 monitoraggio2. Andare su -Gestisci- nel pannello di controllo SuperSite Versione 7e poi su –Google Analytics-
3. Inserire l’ID di monitoraggio su –ID di Tracciamento4. 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 –SEOQuindi, è 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
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

Gestione servizio SuperSite Versione 7

Transcript

Documenti analoghi

Widget di Google Maps

Dimostrazione d`uso di Qt Creator

Configurazione chiavetta 3g con PPP widget 1. Premesso che nella

INT‑TSI

Scarica il PDF - 4w MarketPlace

Documentazione - Tommaso Furlan

Benvenuti in Easiteach Next Generation

Esercitazione con WordPress

Informativa da inserire nel sito internet

Modello QASHQAI 2010 AZZERAMENTO - AM