Come visualizzare un carosello di chart con Elementor

Passaggio 1: modifica la pagina con Elementor

Passaggio 2: cerca "Carousel" tra i widget

Passaggio 3: trascina il carosello dei post nella pagina

chart carousel

Passaggio 4: apri la sezione Query e seleziona il tipo di post "Chart"

post type

Risultato:

chart carosello

Passaggio 5: imposta facoltativamente un filtro di categoria. Per utilizzare la tassonomia personalizzata delle classifiche, digita "chart" e avrai un elenco delle categorie di grafici disponibili (con almeno un elemento presente)

categorie grafico

Puoi impostare filtri di query aggiuntivi negli altri parametri.

Articoli massimi: quantità totale di articoli da visualizzare.

IMPORTANTE: se lo imposti a 1 (o c'è 1 risultato a causa di altri parametri di query) e il tuo parametro Loop è impostato su S nelle impostazioni di progettazione, lo stesso elemento verrà ripetuto

Parametri di design

Passaggio 1: Fai clic su "Impostazioni"

Passaggio 2: seleziona gli Articoli per Riga: questo parametro non è "libero" in quanto qualcosa di totalmente arbitrario, è invece un parametro che richiede un'impostazione adeguata a seconda della larghezza del tuo contenitore senza.

Quindi, se hai 2 colonne, puoi impostare 1 o 2 elementi per riga, mentre se hai 3 o più colonne, dovresti impostare 1 elemento per riga.

Passaggio 3: ricordati di modificare la visualizzazione della pagina in un'altra risoluzione per testare le impostazioni del carosello e impostare il numero appropriato di elementi per riga per ciascun dispositivo. Su Mobile, di solito 1 è il migliore.

Passaggio 4: imposta padding e gap in modo che corrispondano alle preferenze generali del tuo sito web. Puoi anche impostare entrambi su 0 e impostare il raggio del bordo su 0 per un carosello senza interruzioni.

Timeout di riproduzione automatica: impostare su 0 per disabilitare. Questo valore è in millisecondi.

Pausa al passaggio del mouse: disabilita la riproduzione automatica mentre il mouse è sopra al carosello.

Loop: puoi scorrere all'infinito in qualsiasi direzione. Se c'è una quantità di elementi inferiore agli elementi per riga, gli stessi elementi verranno ripetuti.

Centro: questo parametro ha effetto solo su un numero PARI di elementi per riga. Se imposti ad esempio 2 elementi per riga e Centro abilitato, il risultato sarà di 1 elemento centrato e 2 elementi che usciranno dallo schermo

Centra e loop disabilitato con 4 elementi per riga

Centra e ripeti abilitato con 4 elementi per riga

Frecce e punti: scegli se vuoi mostrarli o nasconderli. Puoi trascinare il carosello per farlo scorrere, così puoi anche nasconderli entrambi, se lo desideri.

Hai trovato utile questa risposta? 0 Utenti hanno trovato utile questa risposta (0 Voti)