Aggiungi una sezione Elenco video su una pagina per aggiungere facilmente i tuoi video YouTube/Vimeo che verranno riprodotti sulla pagina. Questo è un ottimo modo per mantenere coinvolti i visitatori del tuo sito web.
Pixpa supporta l'incorporamento di video da YouTube o Vimeo. Non puoi caricare direttamente un video sul tuo sito web. Oltre a questa sezione, puoi anche aggiungere i tuoi video Galleria o Banner.
Pixpa ti consente di condividere il tuo profilo YouTube o Vimeo in collegamenti sociali. Puoi anche aggiungere i tuoi file musicali ospitati su Soundcloud nella sezione Musica.
Punti da notare:
- Puoi nascondere i tuoi video al pubblico (su YouTube o Vimeo) e utilizzare l'URL qui per mostrarli sul tuo sito web.
- Puoi caricare un file .gif ovunque i video siano supportati.
- Nel caso in cui il video che hai aggiunto carichi molto, fai clic sul pulsante di riproduzione e mettilo in pausa per alcuni minuti. Quindi, riprendi il video. In questo modo, si carica meglio con meno buffering.
In questo articolo:
- Che cos'è un elenco di video?
- Aggiunta di una sezione Elenco video alla pagina
- Aggiungere e modificare elementi dell'elenco
- Sequenza degli elementi dell'elenco
- Eliminazione di elementi dell'elenco
- Modifica del layout della sezione
- Opzioni di stile
- Aggiungi una sezione musicale
- Aggiungi la musica di Soundcloud
- La carta piena e la carta di testo
1. Elenco video
Elenco video è una raccolta di video in cui è possibile aggiungere una descrizione per il video e aggiungere un collegamento o un pulsante per collegare l'elenco dei video con qualsiasi altra pagina del sito Web o qualsiasi altro collegamento.
2. Aggiungi la sezione Elenco 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 Lista (1) scheda e Lista Video (2).
- Ora vedrai diversi layout della Sezione Elenco video (3).
- Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.
3. Aggiungi e modifica voci di elenco
Aggiungi voce elenco video
Una volta aggiunta la sezione
- Clicca sul Modifica elenco video (1) pulsante per aprire il pannello delle voci di elenco.
- Clicca sul Aggiungi articolo (2) pulsante per aggiungere una nuova voce all'elenco.
- Avrai la possibilità di Duplica ed elimina (3) le voci dell'elenco.
Modifica voce elenco video
Fare clic sulla voce dell'elenco che si desidera modificare. Si apriranno le particolari opzioni di modifica dell'elemento dell'elenco.
- Aggiungi il tuo collegamento video Youtube/Vimeo (1).
Per aggiungere un video al tuo sito web Pixpa, devi caricare il tuo video su Youtube o Vimeo e inserire qui l'URL.
- Impostare il video da riprodurre in a lightbox o solo sulla pagina (2).
- Carica un'immagine (3) per la voce di elenco.
- Aggiungere un Titolo (4), Sottotitolo (5)e Descrizione (6) della voce di elenco. Potresti non trovare l'opzione Sottotitolo e Descrizione in particolari elementi dell'elenco a seconda del layout scelto.
- Fare clic sull'icona Link Builder del Link del titolo (7) per aprire il generatore di collegamenti per collegare il titolo della voce dell'elenco a qualsiasi pagina.
- Impostare il collegamento in modo che si apra in a nuova scheda o nella stessa scheda (8).
- Aggiungi qualsiasi tipo di Link (9) alla voce di elenco. È possibile aggiungere un pulsante/collegamento immagine/icona social/collegamento testuale. Scopri di più.
- Risparmi (10) le tue modifiche.
Guarda la modifica di un elemento dell'elenco di video in azione:
4. Elementi dell'elenco di sequenze
- Puoi facilmente trascinare e rilasciare gli elementi dell'elenco per modificare la sequenza.
5. Eliminare un elemento dell'elenco
Una volta aggiunto un elemento dell'elenco, è possibile modificarlo ed eliminarlo.
- Clicca sul Elimina icona accanto alla voce Elenco video.
- Clicca sul Elimina pulsante nel popup di conferma.
- Risparmi le tue modifiche.
L'elemento dell'elenco una volta eliminato non può essere recuperato.
6. Disposizione della sezione
- Clicca sul Gestisci articoli pulsante per aprire il pannello di modifica dell'elenco dei video.
- Scegliere il disposizione scheda.
- Seleziona il layout per la tua sezione e salva le modifiche.
7. Modella la tua sezione
- Clicca sul Gestisci (1) pulsante per aprire il pannello di modifica dell'elenco dei video.
- Scegliere il Stile (2) opzione.
- Cambia lo stile per gli elementi della sezione e Salva (3) le tue modifiche.
Avrai più opzioni di stile per la sezione:
Opzioni di stile
articoli
- 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.
- Scegliere il Ordine dei contenuti cioè le immagini degli elementi dell'elenco da visualizzare per primi o il testo associato.
- Allineare il contenuto nell'elenco dei video. Puoi impostarli per essere allineati a sinistra, a destra o al centro.
- Scegli di eseguire il loop del carosello o meno.
- Nel caso del carosello, scegli il Controlli di navigazione. Puoi scegliere tra Nessun controllo, Frecce – In basso al centro/In alto a destra/In basso a destra, Chevron o Punti.
Immagini
- 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 tu abbia scelto angoli divisi, puoi impostare raggi d'angolo diversi per ogni angolo.
Al 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à.
- Se hai scelto il file specificare il colore opzione quindi impostare l' Colore e opacità al passaggio del mouse di base per le voci dell'elenco.
- Impostare il Elementi colore per gli elementi dell'elenco della sezione.
- Scegli animare le immagini degli elementi dell'elenco al passaggio del mouse facendo clic su Sì. Controlla questa funzione su una pagina live.
Dimensioni e spazio
- 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 %).
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.
Carte
- Scopri come per gestire le carte.
Shadow
- Dsiplay – 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.
8. Aggiungi sezione musica
- 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.
- Scorri verso il basso e scegli il Sezione Video e Musica (1) opzione in cui è possibile scegliere tra i diversi layout.
- Scegli qualsiasi layout di sezione (2) e fai clic su di esso per aggiungerlo alla tua pagina.
9. Aggiungi musica Soundcloud
- Fai clic sulla miniatura di Soundcloud.
- Ciò abiliterà il pulsante Incorpora, fai clic su di esso.
- Puoi aggiungere il codice di incorporamento di SoundCloud nella casella di incorporamento.
- Clicca su Salva.
- Questo è tutto! La tua musica SoundCloud è stata aggiunta.
Guarda in azione:
10. 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 nel Design .
Vedi anche: Colori e spaziatura del sito web.
Scheda completa
Quando è selezionata l'opzione scheda completa, il colore della scheda viene applicato all'intera scheda, ad esempio la miniatura del video e il testo con essa.
Dai un'occhiata:
Scheda di testo
Quando è selezionata l'opzione scheda di testo, il colore della scheda viene applicato solo al testo presente con la miniatura del video.
Dai un'occhiata:
