Sezione Video

Aggiungi una sezione Video a una pagina per aggiungere facilmente i tuoi video YouTube/Vimeo che verranno riprodotti sulla pagina. Questo è un ottimo modo per coinvolgere i visitatori del tuo sito web.

Pixpa supporta l'incorporamento di video da YouTube o Vimeo. Non è possibile caricare direttamente un video sul proprio sito web. Oltre a questa sezione, è possibile aggiungere i video anche a Galleria Banner.

Pixpa ti consente di condividere il tuo profilo YouTube o Vimeo nel collegamenti socialiPuoi anche aggiungere i tuoi file musicali ospitati su Soundcloud nella sezione Musica.

Punti da notare:

Puoi caricare un file .gif ovunque siano supportati i video.
Se il video che hai aggiunto si carica troppo, clicca sul pulsante di riproduzione e mettilo in pausa per qualche minuto. Quindi, riprendi il video. In questo modo, si caricherà meglio e con meno buffering.

In questo articolo:

Cos'è la sezione Video?
Aggiungi una sezione Video
Aggiungere e modificare elementi dell'elenco
Sequenza degli elementi dell'elenco
Eliminazione di elementi dell'elenco
Gestisci elementi
Modifica del layout della sezione
Opzioni di stile
La carta completa e la carta di testo

Sezione video

L'elenco video è una raccolta di video a cui puoi aggiungere una descrizione e un collegamento o un pulsante per collegare l'elenco video a qualsiasi altra pagina del sito web o a qualsiasi altro collegamento.

Sezione Aggiungi video

È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
Sulla tua pagina, Fare clic sul blu + icona per aggiungere a Nuova sezione alla tua pagina.

Ora vedrai il categorie di sezione sul lato sinistro.
Clicca sul Contenuti (1) opzione e Video (2) scheda.
Ora vedrai diversi layout di Sezione video (3).

Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.

Aggiungi e modifica voci di elenco

Una volta aggiunta la sezione

Clicca sul Modifica contenuto (1) pulsante per aprire il pannello delle voci di elenco.

Clicca su Aggiungi articolo (2) pulsante per aggiungere un nuovo elemento all'elenco.
Avrai la possibilità di Duplica ed elimina (3) le voci dell'elenco.

Fare clic sulla voce dell'elenco che si desidera modificare. Si apriranno le particolari opzioni di modifica dell'elemento dell'elenco.

Aggiungi il tuo link video YouTube/Vimeo (1).

Note:

Per aggiungere un video al tuo sito web Pixpa, devi caricare il video su YouTube o Vimeo e inserire qui l'URL.

Imposta il video da riprodurre in un lightbox o solo sulla pagina (2).

Carica o elimina (3) l'immagine in miniatura per l'elemento dell'elenco.

Aggiungere un Titolo (4), Sottotitolo (5)e Descrizione (6) dell'elemento dell'elenco. Potresti non trovare l'opzione Sottotitolo e Descrizione in determinati elementi dell'elenco a seconda del layout scelto.

7. Azione al clic

È possibile personalizzare il comportamento del clic sui singoli elementi in Lista Video sezione. Di seguito sono riportate le opzioni disponibili:

Vai a un collegamento
Selezionando questa opzione si apre la Generatore di link, consentendoti di aggiungere un collegamento ipertestuale a questo elemento. Il collegamento può indirizzare gli utenti a un'altra pagina all'interno del tuo sito Web o a un URL esterno. Vedi qui per saperne di più informazioni Generatore di link.
Nessuna azione
Scegli questa opzione per rendere l'elemento non cliccabile. Quando è selezionata, cliccare sull'elemento non attiverà alcuna azione.

8. Apri collegamento in una nuova finestra: Impostare il collegamento in modo che si apra in a nuova scheda o nella stessa scheda. Questo sarà visibile solo quando Vai a un collegamento l'opzione è selezionata sotto Azione al clic menu.

9. Pulsanti e collegamenti: Aggiungi qualsiasi tipo di vetro all'elemento della lista. Puoi aggiungere un Pulsante/Link Immagine/Icona Social/Link di Testo. Scopri di più.

10. Sostituzione dello stile della carta

È possibile sovrascrivere le impostazioni globali dello stile della scheda dalla sezione Impostazioni di stile e personalizza individualmente la scheda di ogni elemento nella sezione Elenco video. Questo ti consente di applicare stili unici a diversi elementi dell'elenco per una migliore personalizzazione.

Scopri di più sull'opzione Carte nelle sezioni dinamiche.

11. Sostituzione dello stile della forma

Utilizza l'opzione Sostituisci per assegnare una forma diversa a ciascuna miniatura nella sezione Elenco video, ottenendo così un maggiore controllo sullo stile visivo di ogni elemento. Scopri di più Informazioni su Shape Mask.

12. Salva: Dopo aver effettuato le personalizzazioni, salvare le modifiche.

Elementi dell'elenco di sequenza

Puoi facilmente trascinare e rilasciare gli elementi dell'elenco per modificare la sequenza.

Elimina un elemento dell'elenco

Una volta aggiunto un elemento all'elenco, è possibile modificarlo ed eliminarlo.

Clicca sul Elimina icona accanto alla voce Elenco video.
Clicca sul Elimina pulsante nel popup di conferma.
Salva le tue modifiche.

Note:

L'elemento dell'elenco una volta eliminato non può essere recuperato.

Gestisci gli elementi dell'elenco video

La sezione Elenco video include un Scheda Elementi che ti consente di gestire la visibilità di vari elementi all'interno della sezione con facilità. Utilizzando semplici interruttori a levetta, puoi abilitare o disabilitare elementi specifici senza dover eliminare o modificare gli elementi stessi.

Clicca sul Modifica contenuto Pulsante (1).

Scegliere il Elementi (2) scheda.
Dopo aver apportato le modifiche, premi il pulsante Salva Pulsante (3).

Opzioni della sezione

Mostra titolo: Abilita o disabilita la visibilità del titolo per la sezione Elenco video.
Mostra i pulsanti: Controlla se i pulsanti vengono visualizzati a livello di sezione.

Opzioni degli elementi

Mostra video: Attiva/disattiva la visibilità dei video.
Mostra Titolo: Controlla se il titolo viene visualizzato.
Mostra Sottotitolo: Abilita o disabilita i sottotitoli.
Mostra descrizione: Gestisci la visibilità delle descrizioni degli articoli.
Mostra i pulsanti: Decidere se visualizzare i pulsanti per i singoli elementi.

Disposizione della sezione

Clicca sul Modifica contenuto (1) pulsante per aprire il pannello di modifica dell'elenco video.

Scegliere il disposizione (2) scheda.
Seleziona il layout per la tua sezione e Salva (3) le tue modifiche.

Dai stile alla tua sezione

Clicca sul Modifica contenuto (1) pulsante per aprire il pannello di modifica dell'elenco video.

Scegliere il Style (2) opzione.
Cambia lo stile per gli elementi della sezione e Salva (3) le tue modifiche.

Avrai a disposizione più opzioni di stile per la sezione:

Display

Scegli Mostra articoli in righe e colonne or carosello
- Se hai scelto il file righe e colonne opzione, gli elementi dell'elenco verranno disposti in righe e colonne. In questo caso, è necessario specificare il numero di righe e colonne.
- Se hai scelto il file carosello opzione, gli elementi dell'elenco verranno presentati come una presentazione. Vedi qui per saperne di più .
Impostare il Numero di colonne per l'elenco dei video. Puoi scegliere da 1 a 10 colonne.
specificare la Spazio tra le colonne degli elementi della lista.
specificare la Spazio tra le righe degli elementi della lista.

Se l'opzione Carosello è selezionata nel passaggio 1, verranno visualizzate le seguenti opzioni aggiuntive:

Abilita scorrimento fluido: Consente lo scorrimento continuo degli elementi all'interno del carosello per un'esperienza fluida e visivamente accattivante.
Scorrimento automatico: Ruota automaticamente le diapositive senza interazione da parte dell'utente.
Mostra avanzamento riproduzione automatica: Visualizza un indicatore di avanzamento mentre la riproduzione automatica è attiva per una migliore visibilità.
Ritardo di riproduzione automatica: Imposta l'intervallo di tempo tra ogni transizione di diapositiva quando è abilitata la riproduzione automatica.
Carosello in loop: Abilita il ciclo continuo delle diapositive, in modo che il carosello si riavvii senza interruzioni dopo l'ultima diapositiva.
Controlli del carosello: Scegli il Controlli di navigazionePuoi scegliere tra Nessun controllo, Frecce - In basso al centro/In alto a destra/In basso a destra, Chevron, Punti e Scorrimento orizzontale.

Display mobile

Imposta il numero di Colonne della griglia per dispositivi mobili. Puoi impostarlo su un massimo di 3 colonne.
Definire il Spaziatura tra le griglie (in pixel).

Layout della colonna specifico del dispositivo in base alle impostazioni di Studio:

allineamento

Allineare il contenuto in orizzontale nell'elenco video. Puoi impostarli per essere allineati a sinistra, a destra o al centro.
Allineare il contenuto in verticale nell'Elenco video. Puoi impostarli in modo che siano allineati in alto, al centro e in basso.
Scegliere il Ordine dei contenuti cioè le immagini degli elementi dell'elenco da visualizzare per primi o il testo associato.

Dimensione del testo

Clicca sul Cambia stile di testo pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri.
Impostare il Titolo stile del carattere per gli elementi dell'elenco della sezione.
Impostare il Sottotitolo stile del carattere per gli elementi dell'elenco della sezione.
Imposta l'impostazione predefinita Descrizione stile del carattere per gli elementi dell'elenco della sezione.
Abilita questa opzione per animare qualsiasi numero presente nel Titolo and Sottotitolo campi. Quando attivata, i valori numerici appariranno con un'animazione di conteggio dinamica, rendendoli più accattivanti dal punto di vista visivo.

Spaziatura

specificare la Larghezza immagine per le voci dell'elenco.
specificare la Larghezza contenuto per le voci dell'elenco.
specificare la Spazio sotto il titolo della sezione nel px.
specificare la Spazio sotto le immagini delle voci dell'elenco (in %).
specificare la Spazio sotto i titoli delle voci dell'elenco (in %).
specificare la Spazio sotto i sottotitoli delle voci dell'elenco (in %).

Titolo della sezione

Allinea orizzontalmente il testo del titolo della sezione. Puoi impostarlo su Sinistra, Centro e Destra.
Abilita/Disabilita il Divider tra il titolo della sezione e il contenuto della sezione.
Impostare il spessore del divisore (in px).
specificare la Colore del divisore dal selettore colori.
Scegli un Stile divisorio dal menu a discesa.
Impostare il Larghezza del titolo per definire la larghezza del titolo della sezione, partendo da un minimo del 50%.

Opzioni immagine

Scegliere il ritaglio dell'immagine per le voci dell'elenco. È possibile impostare le immagini come Quadrato, Cerchio, Orizzontale, Verticale e Dinamico.
Scegliere di avere un raggio d'angolo comune o un raggio d'angolo diverso per ciascun lato degli elementi dell'elenco e impostare un numero (in px) per il raggio dell'angolo delle immagini delle voci dell'elenco. Vedi qui per saperne di più .

Consiglio

Usando il raggio dell'angolo campo, è possibile creare diverse forme delle immagini degli elementi dell'elenco. Nel caso in cui specifichi 500 px qui, le immagini verranno visualizzate a forma di cerchio.

Nel caso in cui tu abbia scelto gli angoli divisi, puoi impostare un raggio dell'angolo diverso per ogni angolo.

Maschera di forma

Maschera di forma: Abilita questa opzione per applicare una maschera di forma alle miniature dei video nella sezione Elenco video. Una volta abilitata, la forma selezionata ritaglierà visivamente la miniatura in quella forma.
Seleziona forma: Scegli tra diverse forme predefinite da applicare alle tue miniature. Questo ti consente di personalizzare in modo creativo i tuoi contenuti visualizzando le immagini in forme uniche, come arrotondate, a diamante, a goccia, ecc.

Note

L'opzione Maschera forma dipende dal layout – Potrebbe non apparire nei layout in cui il testo, come il titolo o il sottotitolo, viene visualizzato sopra l'immagine.
L'impostazione Stretch dipende da più fattori - Compresi dimensione dell'immagine, allineamentoe impostazioni di ritaglio definito nella scheda Stile.
Se Ritaglia immagine è impostato su Originalele dimensioni effettive dell'immagine determineranno se verrà allungata verticalmente o orizzontalmente.

Opzioni di passaggio del mouse sull'immagine

Scegliere il Colore al passaggio del mouse dell'immagine essere la colore di accento o essere specificato. Se hai scelto il colore di accento, quindi specifica il file opacitàPuoi specificare il colore di accento per ogni elemento da Modifica elemento pannello.
Se hai scelto il file specificare il colore opzione quindi impostare l' Sovrapposizione di colore e opacità.
Impostare il Colore del testo sovrapposto che appare quando si passa il mouse sopra.
Scegli Animare le immagini degli elementi dell'elenco al passaggio del mouse facendo clic su Sì. Controlla questa funzione su una pagina live.
Scegli un Stile di animazione per le immagini quando il cursore passa sopra di esse.

Bordo dell'immagine

Abilita/Disabilita bordo intorno alle immagini spostando l'interruttore.
Scegli di avere a confine comune su tutti i lati delle immagini oppure è possibile specificare il confini separatamente per ogni lato.
specificare la larghezza del confine. Se è impostato su 0, il bordo non verrà visualizzato. Hai anche la possibilità di impostare la larghezza del bordo individualmente per ciascun lato dell'immagine.
Seleziona il Colore bordo dal selettore colori.
Seleziona un preferito Border Style dal menu a discesa.
Determina il larghezza del bordo per dispositivi mobili dispositivi, allineandolo alla larghezza scelta per il desktop.

Opzioni delle carte

Scopri come per gestire le carte.

Opzioni ombra

Display – Scegli di mostrare l'ombra dietro gli elementi dell'elenco sempre o solo al passaggio del mouse.
Style - Scegli tra i preset esistenti o crea un'ombra personalizzata.
Se hai scelto l'opzione Personalizzato, visita questo Generatore di ombre a scatola per creare un'ombra personalizzata. Infine, copia e incolla il file scatola ombra CSS.
Nel caso in cui tu abbia scelto l'opzione dei preset, allora Scegli Stili ombra dal menu a discesa.

Pulsanti e collegamenti

Scopri come per gestire lo stile di Pulsanti e collegamenti.
Salva tutto lo stile cambia.

La carta completa e la carta di testo

Quando accendi il Scheda completa/testo sopra l'elenco dei video, gli elementi dell'elenco avranno un contorno e uno sfondo con il colore della scheda che hai selezionato in Design .
Vedi anche: Colori e spaziatura del sito web.

Scheda completa

Quando si seleziona l'opzione della scheda completa, il colore della scheda viene applicato all'intera scheda, ovvero alla miniatura del video e al testo ad essa associato.

Dai un'occhiata:

Scheda di testo

Quando è selezionata l'opzione della scheda di testo, il colore della scheda viene applicato solo al testo presente con la miniatura del video.