Migliori Banner La sezione "banner" di Pixpa ti consente di aggiungere un'area visivamente accattivante alle tue pagine, migliorando al contempo la SEO. Che tu stia lavorando a una galleria, una pagina, una cartella, un album cliente o un blog, il banner aiuta a definire il tono e a evidenziare i contenuti importanti.
Nel caso in cui desideri semplicemente mostrare un messaggio di testo nella parte superiore del tuo sito web, utilizza Barra degli annunciOppure, se vuoi creare un pop-up che appare quando i visitatori visualizzano il tuo sito web, puoi provare Popup di marketing.
In questo articolo
- Che cosa è un banner
- Aggiungi banner a una pagina
- Modifica sezione banner
- Contenuto del banner
- Impostazioni bandiera
- Layout del banner
Che cosa è un banner
Un banner viene utilizzato per mostrare un'immagine/presentazione di immagini/video a larghezza intera nella parte superiore/inferiore del contenuto.
Aggiungi una sezione banner a una pagina
- È 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.
- Scegliere il Sezioni degli eroi (1) categoria e clicca su Banner scheda (2) da cui è possibile scegliere diversi layout di Banner (3) sezione.
- Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.
Modifica sezione banner
Se la sezione è già stata aggiunta alla pagina, puoi modificarla facilmente.
- Passa il cursore sulla sezione e clicca su Modifica banner Pulsante (1).
- Si aprirà una barra laterale da cui potrai Modifica (2) la sezione banner.
- Clicchi Salva (3) pulsante dopo aver apportato le modifiche.
Contenuto della sezione banner
Migliori Scheda Contenuto nella sezione Modifica banner ti consente di aggiungere e personalizzare il contenuto del tuo banner, sia esso basato su immagini o video.
- Tipo di banner
- Diapositive di immagini
- Diapositive video
- Testo e pulsanti del banner
- Testo del banner
- Pulsante e collegamenti
Tipo di banner
Seleziona il tipo di banner. Puoi scegliere una delle seguenti opzioni:
- Diapositive – Seleziona l'opzione Diapositive se desideri visualizzare le immagini nel banner. Puoi aggiungere più diapositive di immagini sotto un unico banner.
- Video – Se desideri visualizzare i video come diapositive banner, seleziona questa opzione. Sotto ogni banner puoi aggiungere più diapositive video.
È possibile aggiungere fino a 25 diapositive all'interno di una sezione banner.
Diapositive di immagini
Selezionando Diapositive in Tipo di banner, puoi creare una presentazione caricando più immagini come diapositive banner.
- Aggiungi più diapositive facendo clic su + Aggiungi diapositive pulsante.
- Riordina utilizzando le maniglie di trascinamento.
- Modifica o elimina singole diapositive utilizzando le rispettive icone.
Modifica diapositiva immagine/testo
- Immagine
- Clicca sul Caricare pulsante per cambiare l'immagine/diapositiva. Fare clic sul pulsante Elimina pulsante per eliminare la diapositiva.
- Per cambiare il punto focale dell'immagine, basta cliccare su un punto qualsiasi dell'immagine.
- Immagine mobile – Carica un'immagine banner per dispositivi mobili. Ti consigliamo di aggiungere immagini in formato verticale.
- Specificare il testo alternativo per la diapositiva dell'immagine. Questo è utile per scopi SEO.
- Testo della diapositiva – Inserisci il testo che apparirà sopra la diapositiva. Puoi rendere il testo in grassetto, corsivo, sottolineato, creare un collegamento e molto altro ancora.
Vedi anche: L'editor di testo Pixpa.
- Collegamento diapositiva
-
- Fare clic sull'icona delle impostazioni e immettere il collegamento sovrapposto per la diapositiva.
- Puoi specificare qualsiasi pagina all'interno/esterno del tuo sito web, la tua email o un numero di contatto.
Controllare anche: Testo/pulsante di collegamento
- Pulsante e collegamenti
-
- Aggiungi fino a 10 pulsanti/link al contenuto della diapositiva.
- È possibile aggiungere un pulsante normale, un collegamento di testo oppure utilizzare un'immagine/icona come pulsante.
Controlla anche: Pulsante e collegamenti
- Colpire il Salva pulsante per salvare le modifiche.
La diapositiva completa verrà convertita in collegamento solo quando Testo banner e pulsanti l'opzione è selezionata come Diverso per ogni diapositiva.
Diapositive video
Quando il Diapositiva video Se l'opzione è selezionata, puoi incorporare un video di YouTube o Vimeo nel tuo banner. Sono disponibili le seguenti opzioni di configurazione:
1. Collegamento YouTube/Vimeo – Inserisci un link diretto al tuo video. I formati supportati includono:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Mostra video – Scegli come visualizzare il video sul tuo sito:
- Autoplay: Il video verrà incorporato direttamente e riprodotto automaticamente su tutti i dispositivi (disattivato per impostazione predefinita).
- Riproduzione automatica - Solo desktop: Il video verrà incorporato direttamente e riprodotto automaticamente solo sul desktop (disattivato per impostazione predefinita).
- Apri in Lightbox: Cliccando sull'anteprima del video, questo verrà aperto in un popup.
3. Immagine mobile – Carica un'immagine di riserva che verrà visualizzata sui dispositivi mobili in cui la riproduzione automatica dei video potrebbe non funzionare o non essere supportata. In questo modo, il tuo banner rimarrà visivamente accattivante su schermi di tutte le dimensioni.
4. Specificare il tag Alt (facoltativo) – Aggiungi un tag alt per migliorare la SEO e l'accessibilità. Questo tag descrive l'immagine di riserva per gli screen reader o nei casi in cui l'immagine non può essere visualizzata.
5. Testo della diapositiva – Inserisci il testo che apparirà sopra la diapositiva. Puoi rendere il testo in grassetto, corsivo, sottolineato, creare un collegamento e molto altro ancora.
Vedi anche: L'editor di testo Pixpa
6. Collegamento diapositiva
- Fare clic sull'icona delle impostazioni e immettere il collegamento sovrapposto per la diapositiva.
- Puoi specificare qualsiasi pagina all'interno/esterno del tuo sito web, la tua email o un numero di contatto.
Controlla anche: Testo/pulsante di collegamento
7. Pulsante e collegamenti
- Aggiungi fino a 10 pulsanti/link al contenuto della diapositiva.
- È possibile aggiungere un pulsante normale, un collegamento di testo oppure utilizzare un'immagine/icona come pulsante.
Controlla anche: Pulsante e collegamenti
8. Salva – Colpire il Salva pulsante per salvare le modifiche
Testo banner e pulsanti
- Specifica se il testo e i pulsanti saranno gli stessi per tutte le diapositive o diversi per ogni diapositiva. Quando selezioni l'opzione Uguale per tutte le diapositive opzione, il Testo del banner e Bottoni verrà utilizzato.
- Dopo aver selezionato il Diverso per ogni diapositiva opzione, verranno utilizzati il testo e i pulsanti specificati per una particolare diapositiva.
Testo del banner
- Inserisci il testo del banner che sarà comune a tutte le diapositive.
Vedi anche: L'editor di testo Pixpa
Pulsanti e collegamenti
- Questi pulsanti/link vengono visualizzati sopra le diapositive del banner (comuni a tutte le diapositive).
Controlla anche: Pulsante e collegamenti - Dopo aver apportato le modifiche, fare clic su Salva pulsante in alto a destra per applicarli al tuo banner.
Impostazioni bandiera
Nella scheda Impostazioni banner sono disponibili le seguenti opzioni:
- Modalità di visualizzazione del banner
- Controlli di visualizzazione delle diapositive
- Stile banner
- giostra
- Bottoni
- Social Icons
Modalità di visualizzazione del banner
-
- Scala e adatta – Le immagini si adatteranno alla larghezza e all'altezza del banner.
- Adatta alla larghezza (Solo desktop) – Le immagini verranno ridimensionate in base alla larghezza del banner. L'altezza del banner erediterà l'altezza dell'immagine.
- Altezza del desktop del banner – Specificare l'altezza del banner del desktop se è stata scelta l'opzione al vivo or scala e adattamento opzione nel campo Modalità di visualizzazione.
- Altezza mobile del banner – Specificare l'altezza del banner mobile.
Controlli di visualizzazione delle diapositive
Queste impostazioni consentono di personalizzare l'aspetto delle diapositive e la transizione all'interno della sezione banner.
-
Stile di transizione della diapositiva – Scegli come devono cambiare le diapositive. Puoi selezionare opzioni come Dissolvenza, Scorrimento orizzontale o scorrimento verticale per una transizione fluida tra le diapositive.
-
Diapositive per riga – Specifica quante righe di diapositive devono essere visibili contemporaneamente.
- Diapositive per colonna – Definisci quante colonne di diapositive devono essere visualizzate. In questo modo, puoi controllare quante diapositive devono essere visualizzate affiancate in ogni riga.
- Spazio tra le diapositive – Questa impostazione consente di regolare la distanza tra le singole diapositive. È possibile aumentare la spaziatura in pixel per controllare la separazione visiva tra le diapositive.
- Posizione del contenuto – Specificare la posizione del contenuto all’interno del banner.
- Larghezza contenuto – Specificare la larghezza del contenuto del banner.
Stile banner
- Colore di sfondo – Imposta il colore di sfondo del banner.
- Colore sovrapposizione – Imposta il colore di sovrapposizione per il banner.
- Stile di navigazione – Specifica lo stile di navigazione del banner. Puoi scegliere tra Chevron, Frecce lunghe e Frecce corte. Seleziona Nessuno se desideri disattivare i controlli di navigazione.
- Colore di navigazione – Specifica il colore dei controlli di navigazione sul banner.
- Abilita freccia di scorrimento verso il basso – Seleziona questa opzione per visualizzare una freccia di scorrimento verso il basso sopra il banner.
- Raggio dell'angolo – Personalizza la rotondità degli angoli della diapositiva banner. Puoi applicare lo stesso raggio a tutti gli angoli oppure specificare valori diversi per ogni angolo singolarmente.
giostra
Queste impostazioni definiscono il modo in cui le diapositive si muovono e si comportano automaticamente all'interno della sezione banner o carosello.
- Abilita scorrimento fluido – Attiva questa opzione per rendere le transizioni tra le diapositive più fluide e ottenere un effetto di scorrimento senza soluzione di continuità.
- Abilita la riproduzione automatica delle diapositive – Se abilitata, le diapositive passeranno automaticamente da una all'altra senza interazione da parte dell'utente.
- Mostra avanzamento riproduzione automatica – Visualizza un indicatore visivo che mostra il tempo che intercorre prima della transizione della diapositiva successiva.
- Ritardo di riproduzione automatica – Imposta l'intervallo di tempo tra le transizioni automatiche delle diapositive (ad esempio, ogni 4 secondi).
- Carousel Loop – Abilita questa opzione per far sì che le diapositive tornino continuamente alla prima diapositiva dopo l'ultima.
Bottoni
Queste opzioni consentono la personalizzazione dei pulsanti visualizzati all'interno del banner
- Dimensione pulsante – Seleziona la dimensione del pulsante tra le opzioni disponibili, ad esempio piccola, media o grande.
- Allineamento - Imposta l'allineamento dei pulsanti all'interno della sezione (sinistra, centro o destra).
- Spazio tra i pulsanti – Regola la spaziatura orizzontale tra più pulsanti per un layout bilanciato.
- Spazio sopra i pulsanti – Definisce lo spazio verticale tra il testo e i pulsanti (misurato in pixel).
- Dimensione del collegamento di testo – Imposta la dimensione del carattere per tutti i pulsanti o link basati su testo.
- Dimensione del pulsante immagine – Regola le dimensioni dei pulsanti che includono icone o immagini.
- Larghezza del pulsante – Scegli la larghezza del pulsante, scegliendo tra le opzioni predefinite, grande, extra grande o larghezza intera.
Scopri di più sullo stile dei pulsanti e dei link.
Social Icons
Queste impostazioni consentono di personalizzare l'aspetto e lo stile delle icone dei social media visualizzate nella sezione banner.
- Dimensione dell'icona – Adatta le dimensioni delle icone dei social media (in pixel) in modo che si adattino al design generale del banner.
- Tipo di icona – Scegli lo stile dell'icona (ad esempio, Classico, Contorno o Solido) in base al tema del banner.
- Colore icona – Seleziona come definire il colore dell'icona. Le opzioni includono:
- Testo del collegamento – Utilizza lo stesso colore del testo del collegamento della sezione.
- Costume - Consente la selezione manuale di un colore personalizzato.
- Colore del marchio – Applica il colore ufficiale del marchio di ciascuna piattaforma (ad esempio, blu per Facebook).
- Seleziona colore – Selezionando Personalizzato, questa opzione consente di scegliere un colore specifico per le icone.
Layout del banner
È possibile modificare facilmente il layout di un banner. Vedi qui per saperne di più sui layout dei banner.
