Definire lo stile delle pagine video

Personalizza le pagine video e le pagine di dettagli dei video del tuo sito.

Ultimo aggiornamento 6 luglio 2023

Puoi personalizzare le pagine video in base al tuo brand e al tuo stile. Usa questa guida per trovare le opzioni di formattazione e stile per le tue pagine video e le pagine di dettaglio dei video.

Le pagine video sono una nuova funzionalità che stiamo rilasciando a ondate. Se non vedi la pagina video tra le opzioni del pannello Pagine, riprova più avanti.

Per suggerimenti sull'accessibilità, visita Rendere più accessibili audio, immagini e video

Accesso a questa funzionalità

Questa guida si riferisce alla versione 7.1. Le pagine video non sono supportate nella versione 7.0.

Differenza tra pagine video e pagine di dettaglio dei video

Le pagine video sono organizzate in due parti: la pagina principale, che crea una pagina di destinazione da sfogliare nella tua libreria video, e le singole pagine di dettaglio dei video, in cui i visitatori riproducono le varie lezioni. Le due tipologie di pagina hanno alcuni tweak di stile in comune, ma anche delle opzioni di personalizzazione.

Apri le opzioni di stile

Puoi modificare le opzioni di stile delle pagine video e delle pagine di dettaglio dei video in due punti:

  • Pagina video: clicca su Modifica nella pagina del video, quindi sull'icona della matita nella sezione pagina video.
  • Pagina di dettaglio dei video: fai clic sul video a cui desideri applicare lo stile nella pagina video per aprire la relativa pagina di dettaglio. Clicca su Modifica, quindi sull'icona della matita. Le pagine di dettaglio dei video di una data pagina video condividono le stesse impostazioni di stile. Altre pagine video possono avere impostazioni di stile diverse per le pagine di dettaglio dei video.

Pagine video

Chi visita la tua pagina video vedrà tutte le immagini in evidenza dei tuoi video in una griglia. Nella sezione stili video puoi personalizzare i dettagli illustrati di seguito.

Formato

  • Spaziatura orizzontale
  • Spaziatura verticale
  • Spaziatura titolo
  • Meta spaziatura: modifica la spaziatura tra i meta contenuti di un video, come categorie e date.
  • Mostra descrizione: consente di nascondere o mostrare la descrizione di ogni video.
  • Contenuto metadati principale: scegli quali meta contenuti visualizzare per primi (Categoria, Data o Nessuno).
  • Contenuto metadati secondario: scegli quale meta contenuto visualizzare per secondo (Categoria, Data o Nessuno).
  • Posizione categorie: scegli se visualizzare la navigazione categorie in una barra laterale o nella parte superiore della pagina video. La navigazione categorie non può essere nascosta.
  • Mostra separatore di categoria: consente di nascondere o visualizzare una riga tra le varie categorie nella navigazione categorie. Questa opzione viene visualizzata solo se il Posizione categorie è impostato su In alto.
  • Posizionamento immagine: scegli se visualizzare l'immagine in evidenza di ogni video sopra o sotto il titolo, la descrizione e i meta contenuti del video.
  • Spaziatura immagini
  • Allineamento Testo
  • Stile delimitatore: definisci lo stile dell'icona che separa i meta contenuti di un video (Punto elenco, Barra verticale, Trattino o Spazio).
  • Larghezza del contenuto testuale

Colori

Imposta i colori del tuo sito o dai un aspetto unico alla sezione video scegliendo un tema di sezione diverso.

Pagina di dettaglio dei video

Per impostazione predefinita, il video viene visualizzato nella parte superiore della pagina dettagli del video, con il titolo, la descrizione e gli eventuali meta contenuti subito sotto. Se aggiungi un'immagine in evidenza personalizzata a un video caricato, questa verrà sovrapposta al video prima della relativa riproduzione. Il video viene sempre visualizzato a tutta larghezza nella pagina dettagli del video. Puoi personalizzare i seguenti elementi di stile nelle pagine dettagli dei video.

Formato

  • Allineamento Testo
  • Posizione metadati: scegli se visualizzare i meta contenuti sopra o sotto il titolo del video.
  • Mostra categorie: consente di nascondere o mostrare le categorie del video.
  • Mostra data: consente di nascondere o mostrare la data di pubblicazione del video.
  • Stile delimitatore: definisci lo stile dell'icona che separa i meta contenuti di un video (Punto elenco, Barra verticale, Trattino o Spazio).
  • Spaziatura intestazione: consente di modificare la spaziatura verticale tra il titolo e la descrizione del video. 
  • Visualizzazione della freccia di paginazione: consente di nascondere o visualizzare le frecce che si collegano ai video successivi e precedenti.
  • Visualizzazione titolo della paginazione: consente di nascondere o visualizzare i titoli che si collegano ai video successivi e precedenti.
  • Video correlati: mostra o nascondi i video correlati in tutte le pagine dei dettagli di questa pagina video.

Colori

Imposta i colori del tuo sito o dai un aspetto unico alle pagine di dettaglio del tuo video scegliendo un tema di sezione diverso.

Navigazione categorie

Aggiungere categorie ai tuoi video crea un menu di navigazione nella pagina video. I visitatori possono utilizzare questi link per filtrare i video che gli interessano. Tieni presente che la navigazione per categoria:

  • Viene visualizzata solo dopo aver aggiunto almeno una categoria
  • Non viene visualizzata quando fai clic sulla pagina di dettaglio di un video
  • Mostra tutte le categorie che hai aggiunto alla pagina, incluse quelle attualmente non inserite in nessun video

La navigazione per categoria viene visualizzata nella parte superiore della pagina video o in una barra laterale. È possibile modificare la posizione del menu di navigazione aprendo la sezione degli stili video nella pagina video e utilizzando il cursore del Posizione categorie per scegliere Barra laterale o In alto.

Per nascondere una categoria dalla navigazione per categorie, apri le impostazioni della categoria e disattiva l'interruttore accanto a Visibilità filtro. Per nascondere la categoria principale (denominata Tutti per impostazione predefinita), apri le impostazioni di pagina e disattiva l'interruttore accanto a Visibilità filtro nella scheda Generale.

Per maggiori informazioni su come creare e modificare categorie di video, visita Organizzare le pagine video.

Tipi di carattere e colori

I colori e i caratteri nella pagina video e nelle pagine di dettaglio dei video seguono le modifiche ai tipi di caratteri e ai colori a livello di sito. Puoi anche cambiare il tema cromatico della pagina video e della pagina di dettaglio del video nei relativi editor di stile delle sezioni.

Usa i tweak Colore in Video: griglia di base per definire lo stile delle pagine video e i tweak in Video: elemento per definire lo stile delle pagine di dettaglio del video.

Mobile

Su dispositivi mobili e tablet, i video nelle pagine video vengono impilati verticalmente. La navigazione per categorie viene sempre visualizzata nella parte superiore della pagina. Quando la navigazione non può essere contenuta su una sola riga, viene visualizzata come un elenco a scorrimento orizzontale che i visitatori possono sfogliare.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Definire lo stile delle pagine video