Questa guida descrive l'uso dei media in Site Creator di Infomaniak.

Si noti che è anche possibile inserire altri elementi, come un modulo di iscrizione alla Newsletter di Infomaniak.

Prerequisiti

• Accedere a Site Creator:
  1. Fare clic qui per accedere alla gestione del prodotto nel Manager di Infomaniak (hai bisogno di aiuto?).
  2. Fare clic direttamente sul nome assegnato al prodotto interessato.
  3. Fare clic su Personalizza il mio sito:
     

Aggiungere un'immagine

I media vengono gestiti nella biblioteca dei file:

1. Aggiungere un nuovo blocco di contenuto contenente immagini che si potranno poi sostituire o completare.
2. Fare clic sul pulsante Contenuto nel menu laterale sinistro.
3. Fare clic su Oggetti nell'elenco per inserire un'immagine singola.
4. Fare clic sul blocco IMMAGINE sulla destra.

Una volta aggiunta l'immagine, è anche possibile renderla un collegamento cliccabile o modificarne la dimensione:

È anche possibile aggiungere immagini come modulo Galleria fotografica.

Modificare un'immagine

Per sostituire un'immagine inserita:

1. Fare clic su un'immagine per modificarla.
2. Fare clic sul pulsante "Tipo di cornice immagine" sulla miniatura dell'immagine per selezionare una nuova immagine che sostituirà la precedente:
   

Aggiungere un video

Per aggiungere un video:

1. Fare clic sul pulsante Contenuto nel menu laterale sinistro.
2. Fare clic su Oggetti nell'elenco.
3. Fare clic sul blocco VIDEO sulla destra per inserire un video a larghezza intera.

È anche possibile applicare un link a un'immagine usando un video di YouTube come URL: verrà automaticamente creato un'icona PLAY che, quando cliccata, aprirà il video in una "lightbox".
 

Aggiungere un file audio

Per aggiungere un file audio:

1. Fare clic sul pulsante Contenuto nel menu laterale sinistro.
2. Fare clic su Applicazioni in basso.
3. Il contenuto disponibile verrà visualizzato a destra.
4. Fare clic sul lettore audio per inserirlo nella pagina.

È possibile personalizzarlo ulteriormente tramite la modifica HTML.
 

Aggiungere un file da scaricare

Per offrire facilmente un file da scaricare:

1. Fare clic sul pulsante Contenuto nel menu laterale sinistro.
2. Fare clic su Applicazioni in basso.
3. Il contenuto disponibile verrà visualizzato a destra.
4. Fare clic sul widget Download file per inserirlo nella pagina.
5. Selezionare dalla libreria il file che i visitatori potranno scaricare.

Questa guida illustra il comportamento di Sito Creator Infomaniak e il sito creato con, di fronte ai diversi formati e risoluzioni dello schermo.

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

Visualizza il sito su diversi dispositivi

I siti creati con Site Creator sono automaticamente adattati ai browser qualunque sia il loro supporto (computer, dispositivo mobile, tablet, grande e piccolo schermo, ecc.). Ma possono reagire in modo diverso in base a determinati parametri che puoi regolare. Per visualizzare in anteprima la versione del sito in base al supporto di riproduzione, fare clic sul pulsante …  blu situato nella parte inferiore del menu laterale sinistro, per espandere le opzioni di pubblicazione e anteprima:

Clicca su Anteprima quindi nella parte superiore della pagina, fare clic sul menu di azione a destra di Anteprima per cambiare il tipo di dispositivo di lettura.

Mostra il tuo sito in larghezza ridotta

Puoi ridurre la larghezza del tuo sito. Ma questo display all'interno di un "container" o "bete" sarà visibile solo su schermi ampi tipo desktop:

1. Clicca sul pulsante Design nel menu laterale sinistro.
2. Clicca su Altri parametri:
   ‍
3. Salvare le modifiche in fondo alla pagina.

Nascondere un blocco di contenuto in base al tipo di dispositivo

Nelle opzioni di un blocco di contenuto, è possibile impostare di non visualizzare quest'ultimo che su alcuni tipi di dispositivo (mobile per esempio):

Questa guida spiega come personalizzare il codice sorgente, modificare il CSS, modificare la parte HEAD o BODY di un sito Web realizzato con Sito Creator Infomaniak.

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

Aggiungi codice personalizzato

Una volta in Site Creator:

1. Clicca su Design nel menu laterale sinistro.
2. Clicca su Niente più parametri.
3. Clicca su Codice personalizzato in basso:
   
4. Inserisci codice HTML, JavaScript (con i suoi tag script) o CSS personalizzato (con i suoi tag stile) - leggere più in basso per alcuni esempi.
5. Salva modifiche in fondo alla pagina.

Metadati in HEAD & BODY

Per aggiungere codice JavaScript o qualsiasi altro codice nella parte HEAD oppure BODY Il codice sorgente del tuo sito:

1. Clicca su Impostazioni nel menu laterale sinistro.
2. Clicca su SEO & Metadati nella parte Configurazione del sito web.
3. Scendete fino a Codice personalizzato.
4. Scegli di aggiungere sotto le schede HEAD o sotto BODY.
5. Salvare le modifiche in fondo alla pagina:
   

Esempi di personalizzazione CSS

Questi esempi consentono di avviare la personalizzazione avanzata delle pagine del sito web. Tuttavia, esiste un rischio in base alle modifiche apportate di non essere più in grado di accedere all'editor stesso, il che ti costringerà a ricominciare da zero.

Personalizza lo sfondo del sito web

Per inserire l'immagine di vostra scelta (da caricare nella libreria di file) in fondo alla pagina e personalizzarne la visualizzazione:

1. Vai al punto 3 visibile nella prima immagine nella parte superiore di questa guida.
2. Inserisci il codice <style> per indicare che si desidera modificare il codice CSS,
3. e poi body { per indicare che si desidera modificare il corpo della pagina e il "{"per aprire lo spazio che permette di inserire i comandi,
4. e poi background-image: url("../data/files/fond01.jpg"); con il percorso & nome esatto dell'immagine caricata nella libreria senza dimenticare il punto virgola per poter inserire il comando successivo.
5. background-repeat: repeat; per ripetere l'immagine inserita.
6. background-attachment: fixed; in modo che l'immagine di sfondo rimanga fissa anche se il visitatore scorre verso il basso o verso l'alto per leggere il suo contenuto.
7. } per chiudere lo spazio di inserimento aperto in precedenza.
8. </style> per indicare che il codice termina qui.

Spazza le lettere di tutti i link del sito

Per scartare (molti) le lettere tra loro sulle parole cliccabili (link):

1. Vai al punto 3 visibile nella prima immagine nella parte superiore di questa guida.
2. Inserisci il codice (se non ancora presente) <style> per indicare che si desidera modificare il codice CSS,
3. e poi .container div a { per indicare che si desidera modificare i blocchi della pagina e in particolare i collegamenti ("a") e il "{"per aprire lo spazio che permette di inserire i comandi,
4. e poi letter-spacing:1em;diminuendo il valore (0.9em p.ex) senza dimenticare il punto virgola per poter inserire il comando successivo o terminare.
5. } per chiudere lo spazio di inserimento aperto in precedenza.
6. </style> per indicare che il codice termina qui.

Scopri di più su Altri esempi di codice CSS da inserire nel tuo sito.

Questa guida spiega come collegare un sito realizzato con Sito Creator Infomaniak a un nome di dominio presente sul tuo Manager.

Collegare Site Creator a un nome di dominio

Per collegare Site Creator a un nome di dominio esistente nel tuo account Infomaniak:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Collegare il mio sito a un dominio per avviare la procedura guidata di configurazione di seguito:
   

Gestire i nomi di dominio Site Creator

Per gestire i nomi di dominio utilizzati con Site Creator:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.

Nella parte superiore della pagina vengono visualizzati eventuali messaggi relativi a problemi relativi a Site Creator e ai domini.

Più in basso, puoi gestire i tuoi domini se ce ne sono:

 

Indirizzo provvisorio, URL di anteprima

Diversi nomi di dominio possono essere collegati a Site Creator, cancellati o intercambiati e invertiti se necessario:

URL di anteprima, tipo abcd.infomaniak.site e distinta nell'elenco dei domini Site Creator, non potrà mai essere rimossa per il corretto funzionamento del tuo sito:

Questa guida per Sito Creator Infomaniak affronta l'argomento dei cookie del browser.

Preambolo

• Per impostazione predefinita, quando il tuo sito web è nuovo, nessun cookie deve essere memorizzato sui dispositivi dei tuoi visitatori, non ci sono funzionalità di tracciamento per pubblicità o marketing.
• In qualità di amministratore del sito web, alcuni dati vengono memorizzati nei tuoi cookie (come le informazioni che indicano che sei un amministratore del sito web).
• Se si aggiungono delle applicazioni/moduli incorporati nel tuo sito web, possono essere utilizzati cookie; ad esempio con il Modulo di sondaggio: se aggiungi un modulo di sondaggio al tuo sito web, utilizzerà i cookie quando il visitatore del sito web voterà (per ricordare che ha già votato).

Notifica per il visitatore

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

È possibile attivare un messaggio di consenso ai cookie che verrà visualizzato in una piccola finestra che vola nella parte inferiore dello schermo Per tutti i nuovi visitatori del tuo sito:

1. Clicca sul pulsante Impostazioni nel menu laterale sinistro.
2. Clicca su Coordinate di contatto sotto Configurazione del sito web.
3. Attivare l' opzione di Informazioni sui cookie per configurare il breve messaggio e l'URL per i complementi d'informazione.
4. Impostare il tipo di visualizzazione ampliato o meno (leggi sotto).
5. Salvare le modifiche in fondo alla pagina:
   ‍
   
   ‍

Impostazioni aggiuntive

Il messaggio di consenso può essere regolato Per impostazione predefinita o in modo AmpliatoQuando si fa clic su Visualizza Il risultato ottenuto è il seguente:

• Per impostazione predefinita:
  
• ampliata:
  

Questa guida ti aiuta a capire come creare e modificare pagine in Sito Creator Infomaniak.

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

Semplice modifica delle pagine

L'edizione di una pagina avviene in diretta Le tue modifiche sono Salvata a mano a mano che editate il contenuto dei vostri blocchi Puoi farlo. Annulla modifiche, se necessario.

Creare un link

Crea un collegamento dall'immagine o dal testo, direttamente selezionando l'oggetto.

Fare clic sull'icona del chainon per aprire la parte che vi permetterà di specificare Il tipo di link e le opzioni associate:

 

Trasformare un link in un pulsante

Nelle impostazioni del tuo link puoi scegliere il stile (pulsante arrotondato, pieno, ecc.), l'icona associata, ecc.:

 

Modificare un link

Modifica un link cliccando su di esso:

 

Creare un collegamento a un file

Per consentire ai tuoi visitatori di scaricare un file da un link a un oggetto, scegli il tipo " File" nelle impostazioni del tuo link:

 

Creare un collegamento a un'e-mail

Scegli il tipo " Indirizzo e-mail“Nelle impostazioni del tuo link. Un clic sul link aprirà l'applicazione di posta elettronica predefinita per il visitatore e inizierà a comporre un'e-mail con l'indirizzo pre-scritto.

Per evitare che l'indirizzo e-mail sia registrato in modo duro sulla tua pagina, inserisci un modulo di contatto.
 

Creare un collegamento a una sezione specifica

Per indirizzare il visitatore a una determinata porzione del tuo sito o di un altro, utilizza il sistema diancoraggi.

Creare un link da un'immagine

Quando si fa clic su un'immagine per modificarla, basta attivare il pulsante " Questo è un link" sotto l'immagine per essere in grado di specificare l'indirizzo URL che deve essere visualizzato quando un visitatore clicca su di esso:

Puoi ancheApplicare un link a un'immagineutilizzando un video di YouTube come URL: creerà automaticamente un'icona di tipo PLAY che con un clic aprirà il video in una Finestra tipo lightbox.

Creare un elenco, inserire un'emoticon...

Le diverse possibilità di formattazione del testo si trovano sopra la selezione del testo e le opzioni aggiuntive (elenchi puntati, allineamento, emoji, ecc.) sono accessibili con la freccia:

Questa guida è circa l'istituzione, in Sito Creator Infomaniak, dall’icona visualizzata nella barra dei preferiti di un browser Web, il favicon.

Preambolo

• I formati consigliati da Microsoft per i suoi browser sono 16 x 16, 32 x 32 e 48 x 48.
• Apple, invece, raccomanda che la dimensione della favicon sia di 180 x 180.

Impostare il favicon Site Creator

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

Per definire una nuova favicon:

1. Clicca sul pulsante Impostazioni nel menu laterale sinistro.
2. Clicca su Impostazioni generali.
3. Scorri verso il basso fino alla sezione Favicon:
   
4. Scegli la favicon sul tuo hard disk.
5. Salvare le modifiche in fondo alla pagina.
6. Visualizza in anteprima il risultato nel tuo browser (se necessario in una nuova finestra di navigazione privata per esempio):
   

Questa guida spiega come integrare su pagine Web file video / audio importati su un servizio VOD / AOD Infomaniak.

Preambolo

• Questo codice di integrazione VOD / AOD è unico e corrisponde alle impostazioni che stai specificando sulla pagina.
• Ti consente di integrare lo stesso video con configurazioni di visualizzazione diverse in base alle tue esigenze.
• Successivamente, è possibile modificare le impostazioni di questa integrazione regolandole dalla pagina di cronologia delle integrazioni sul Manager Infomaniak.

Generare e copiare il codice di integrazione

Il codice di integrazione si trova sulla vostra interfaccia VOD; ecco un esempio con un Player Per impostazione predefinita:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Media nel menu laterale sinistro.
4. Clicca su Gestione dei media nel menu laterale sinistro.
5. Fare clic sul supporto in questione nella tabella visualizzata.
6. Clicca sul pulsante blu Condividere.
7. Clicca su Creare un’integrazione.
8. Personalizza l'integrazione dei media.
9. Fare clic sul pulsante per Generare il codice di integrazione.
10. Copia il codice per integrarlo nella posizione di tua scelta:

Il supporto verrà in questo caso inserito con il Player predefinito, ma hai la possibilità di scegliere tra i tuoi lettori creati quello da proporre al momento dell'integrazione.

Modificare una precedente integrazione

Per personalizzare di nuovo l'integrazione già effettuata del vostro media, e al fine di conservare il codice corrispondente senza doverlo inserire di nuovo:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Media nel menu laterale sinistro.
4. Clicca su Gestione dei media nel menu laterale sinistro.
5. Fare clic sul supporto in questione nella tabella visualizzata.
6. Clicca sul pulsante blu Condividere.
7. Clicca su Modificare un'integrazione:
   
8. Clicca sul menu di azione ⋮ a destra dell'oggetto in questione nella tabella visualizzata.
9. Fare clic sull'elemento desiderato per ottenere / modificare i codici di integrazione / condivisione:
   

Incollare il codice di integrazione...

Sulla pagina web di vostra scelta, incollare il codice nella posizione desiderata.

... sul sito Creator Infomaniak

Per Sito Creator, è necessario generare un codice di integrazione “Fixe” (e non “Reattivo”):

Quindi incollare questo codice su Site Creator all'interno di un blocco "Codice HTML personalizzato".

Ecco un esempio di copiare e incollare dalla pagina di integrazione di un media:

Questa guida spiega come non pubblicare direttamente modifiche su una pagina di Sito Creator Infomaniak.

Preambolo

• La modalità bozze permette di non pubblicare le seguenti modifiche:
  • Aggiunta di un nuovo blocco di contenuti tramite il menu Contenuto
  • modifica visiva o testuale di un blocco di contenuto
  • Eliminazione di un blocco di contenuti
• Modalità bozza non si applica alle:
  • modifiche globali di design, tramite il menu Design (colori, caratteri ...)
  • modifiche ai contenuti relativi alle applicazioni (domande/risposta, e-commerce ...)
  • modifiche delle impostazioni globali, tramite il menu Impostazioni (Pagine, lingue ...)
  • Sottopagine della pagina che stai pubblicando

Salvare senza pubblicare

Prerequisiti

• Vai a Site Creator:
  1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
  2. Clicca direttamente sul nomeattribuito al prodotto in questione.
  3. Clicca su Personalizza il mio sito:
     

Puoi passare una pagina in modalità bozzetto al fine di apportare modifiche di testo o di altro tipo al contenuto di una pagina che non saranno visibili dal vivo, questo fino al momento in cui deciderai di rimettere il sito in modalità di pubblicazione diretta:

1. Clicca sul pulsante   ...   ‍‍‍ situato in fondo al menu laterale sinistro, per espandere le opzioni di pubblicazione e anteprima
2. Clicca su In diretta per passare alla modalità Non Pubblicato
3. Ora, la modalità gialla visualizzata in basso indica che tutte le modifiche (solo in questa pagina) non verranno visualizzate in diretta (a differenza della modalità Live / Live) ma verranno salvate in una bozza anche se si esce dalla pagina o dall'editor:
   

Pubblicare le modifiche o rimuovere la bozza

1. Quando la moda Non pubblicato è attivo, fare clic sul pulsante giallo della modalità Non pubblicato per visualizzare un riquadro di regolazione.
2. Il riquadro di regolazione si apre in modo da poter:
   1. pubblicare le modifiche,
   2. o rimuovere la bozza corrente e tornare allo stato iniziale della pagina.

Esempio

1. Con la moda Dal vivo / dal vivo (visibile nella parte inferiore dello schermo) una modifica è visibile direttamente dai visitatori della pagina.
2. Con la moda Non pubblicato / bozza (identificabile con un simbolo giallo nella parte inferiore delle pagine passate in questa modalità) le modifiche non sono visibili dal vivo.
3. Lasciare la pagina per lavorare su un'altra pagina, la modalità torna alla modalità predefinita, cioè la modalità Dal vivo perché la pagina non è la stessa e la modalità si applica solo alle pagine scelte.
4. Tornare alla pagina bozza, un simbolo a piè di pagina indica sempre la modalità bozza attivata.
5. Clicca su di esso per scegliere pubblica o di Elimina le modifiche e riportare la pagina come era prima delle modifiche in modalità bozza.