Vai al contenuto principale

Tutorial Divi: come utilizzare il dispositivo di scorrimento dell'articolo di Divi Builder

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Il modulo "Article Slider" o Posts Slider sul tema WordPress Divi ti permette di visualizzare in modo distinto gli articoli di tua scelta sulla home page. In molti blog, questo tipo di modulo viene generalmente utilizzato per visualizzare articoli in primo piano. Ma puoi farne un uso diverso e visualizzare suggerimenti di articoli, ad esempio.

Come aggiungere il modulo di scorrimento degli articoli su Divi Builder

Prima di poter aggiungere un modulo di scorrimento articolo alla tua pagina, devi prima passare a Divi Builder. Una volta installato il tema Divi sul tuo sito Web, noterai un bouton Usa Divi Builder sopra l'editore ogni volta che crei una nuova pagina. Fare clic su questo pulsante per attivare Divi Builder e accedere a tutti i moduli Divi Builder. Quindi fare clic sul pulsante Usa Visual Builder per avviare il generatore in modalità visuale. Puoi anche fare clic sul pulsante Usa Visual Builder quando navighi sul tuo sito Web in primo piano se sei connesso alla dashboard di WordPress.

Costruttore Divi

Una volta entrato in Visual Builder, puoi fare clic sul pulsante più grigio per aggiungere un nuovo modulo alla tua pagina. I nuovi moduli possono essere aggiunti solo all'interno delle righe. Se stai iniziando una nuova pagina, ricordati di aggiungere prima una riga alla tua pagina.

cursore articles.png

Individua il modulo "Post Sliders" nell'elenco dei moduli e fai clic su di esso per aggiungerlo alla tua pagina. L'elenco dei moduli è ricercabile, il che significa che puoi anche digitare la parola "Post Cusors" e quindi fare clic su "Invio" per trovare e aggiungere automaticamente il modulo Post Cusors! Una volta aggiunto il modulo, sarai accolto dall'elenco delle opzioni del modulo. Queste opzioni sono suddivise in tre gruppi principali: Contenuto , Design et avanzato .

Caso d'uso di esempio: post slider (articoli) per visualizzare quelli recenti

Per questo esempio, aggiungerò un dispositivo di scorrimento dei post per mostrare i tre post più recenti nella parte superiore di una pagina del blog. Ogni diapositiva mostra l'immagine del post selezionato come immagine di sfondo, il titolo del post e il meta del post e un pulsante Leggi altro.

esempio di blog divi.jpg

Utilizzando Visual Builder, aggiungi una nuova sezione standard nella parte superiore della pagina del blog con una riga a larghezza intera (1 colonna). Quindi inserisci il modulo Post Slider nella tua nuova riga.

creando una nuova colonna divi.png

In Impostazioni cursore, aggiorna le seguenti opzioni:

Opzioni di contenuto

Numero di messaggi: 3

Opzioni di design

Carattere intestazione: Roboto (maiuscolo) Dimensione carattere intestazione: 50px Colore testo intestazione: # edef5d Spaziatura lettere intestazione: 1px Dimensione carattere corpo: 16 Spazio lettera corpo: 1px Altezza linea corpo: 1.4em Meta font: Open Sans, Corsivo, maiuscolo Dimensione carattere metadato: 18px Colore metatesto: #cccccc Altezza metrina: 2em Usa stili personalizzati per il pulsante: SI Dimensione testo: 26px Colore testo pulsante: # edef5d Larghezza pulsante: 0px Icona pulsante:> Mostra solo l'icona

esempio del pulsante divi.jpg

Salva le impostazioni

Questo è tutto!

esempio di un blog in action divi.gif

Modulo cursore articolo opzioni contenuto

Nella scheda dei contenuti troverai tutti gli elementi di contenuto del modulo, come testo, immagini e icone. Tutto ciò che controlla cosa appare nel tuo modulo si troverà sempre in questa scheda.

opzione contenuto curser divi modulo slider di articles.png

Numero di elementi (numero di post)

Scegli il numero di elementi che desideri visualizzare nel dispositivo di scorrimento.

Includi categorie

Scegli le categorie che desideri includere nel dispositivo di scorrimento.

Ordina per

Qui puoi regolare l'ordine in cui vengono visualizzati gli articoli.

Pulsante di testo

Definisci il testo che verrà visualizzato sul pulsante "Leggi di più". lasciare vuoto per impostazione predefinita (Leggi di più)

Contenuto Display

La visualizzazione del contenuto completo non troncherà i tuoi post nel dispositivo di scorrimento. La visualizzazione dello snippet mostra solo il testo dello snippet.

Usa l'estratto dell'articolo se definito

Disabilitare questa opzione se si desidera saltare gli snippet definiti manualmente e comunque generarli automaticamente.

Lunghezza estrazione automatica

Definisci la lunghezza degli estratti generati automaticamente. Lascia vuoto per impostazione predefinita (270)

Mostra le frecce

Questa impostazione attiverà e disattiverà le frecce di navigazione.

Mostra i controlli

Questa impostazione abiliterà e disabiliterà i pulsanti del cerchio nella parte inferiore del cursore.

Mostra il pulsante Leggi altro

Questa impostazione abiliterà e disabiliterà il pulsante Leggi di più.

Mostra il messaggio Meta

Questa impostazione abiliterà e disabiliterà la sezione meta.

Mostra immagine in primo piano

Questa impostazione attiva e disattiva l'immagine selezionata nel dispositivo di scorrimento.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Immagine del posizionamento

Seleziona come desideri visualizzare l'immagine selezionata nelle diapositive

Colore di sfondo

Usa il selettore di colori per scegliere un colore di sfondo per questo modulo.

Immagine di sfondo

Carica l'immagine desiderata o digita l'URL dell'immagine che desideri utilizzare come sfondo per il cursore.

Posizione dell'immagine di sfondo

Scegli il posizionamento CSS dell'immagine di sfondo per ogni diapositiva.

Dimensione dell'immagine di sfondo

Scegli la dimensione dell'immagine di sfondo CSS utilizzata per ciascuna diapositiva.

Etichetta dell'amministratore

Questo cambierà l'etichetta del modulo nel costruttore per una facile identificazione. Quando si utilizza la visualizzazione WireFrame in Visual Builder, queste etichette vengono visualizzate nel blocco del modulo dell'interfaccia di Divi Builder.

Opzioni di progettazione del modulo di scorrimento

Nella scheda Design, troverai tutte le opzioni di stile del modulo, come caratteri, colori, dimensioni e spaziatura. Questa è la scheda che utilizzerai per modificare l'aspetto del tuo modulo. Ogni modulo Divi ha un lungo elenco di impostazioni di progettazione che puoi utilizzare per modificare qualsiasi cosa.

opzione di design divi articles.png

Rimuovi l'ombra interna

Questo rimuoverà l'ombra interna CSS applicata a tutte le diapositive per impostazione predefinita.

Usa la sovrapposizione di sfondo

Quando abilitato, un colore di sovrapposizione personalizzato verrà aggiunto sopra l'immagine di sfondo e dietro il contenuto del dispositivo di scorrimento.

Colore di sfondo di sovrapposizione

Usa il selettore di colori per scegliere un colore per lo sfondo.

Usa la sovrapposizione del testo

Quando questa opzione è abilitata, viene aggiunto un colore di sfondo dietro il testo del cursore per renderlo più leggibile sulle immagini di sfondo.

Raggio di bordo di sovrapposizione del testo

Il raggio del bordo influisce sulla rotondità degli angoli dell'area di sovrapposizione del testo. Per impostazione predefinita, gli angoli hanno un bordo leggermente arrotondato di 3 pixel. È possibile ridurre questo valore a 0 per creare un riquadro rettangolare o aumentare il valore per rendere gli angoli ancora più arrotondati.

Modulo Divi overlay

Usa l'effetto Parallax

Abilitare questa opzione darà alle tue immagini di sfondo una posizione fissa mentre scorri.

Metodo di parallasse

Qui puoi impostare il metodo utilizzato per l'effetto parallasse: CSS o True Parallax.

Frecce colorate personalizzate

Quando passi il mouse su un modulo di scorrimento, vengono visualizzate delle frecce per consentire al visitatore di navigare attraverso ciascuna diapositiva. Per impostazione predefinita, queste frecce ereditano il colore del testo principale della diapositiva. Tuttavia, puoi definire un colore personalizzato per queste frecce utilizzando questa impostazione.

Dot Nav Colore personalizzato

In ogni cursore, gli elementi di navigazione per punti vengono visualizzati sotto il contenuto del cursore. Questi elementi consentono all'utente di navigare nel cursore. È possibile definire un colore personalizzato da utilizzare per questi elementi utilizzando il selettore di colori in questa impostazione.

Colore del testo

Qui puoi scegliere se il tuo testo è chiaro o scuro. Se hai una diapositiva con uno sfondo scuro, scegli un testo chiaro. Se tu
avere uno sfondo chiaro, usare un testo scuro.

Sezione meta modulo slider diviCarattere dell'intestazione

È possibile modificare il carattere del testo dell'intestazione selezionando il carattere desiderato dal menu a discesa. Divi viene fornito con dozzine di fantastici caratteri forniti da Google Fonts. Per impostazione predefinita, Divi utilizza il carattere Open Sans per tutto il testo sulla tua pagina. Puoi anche personalizzare lo stile del tuo testo utilizzando le opzioni grassetto, corsivo, lettere maiuscole e sottolineato.

Dimensione del carattere dell'intestazione

Qui puoi regolare la dimensione del testo dell'intestazione. È possibile trascinare il dispositivo di scorrimento dell'intervallo per aumentare o diminuire la dimensione del testo oppure immettere direttamente il valore della dimensione del testo desiderata nel campo di immissione a destra del dispositivo di scorrimento. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Colore del testo dell'intestazione

Per impostazione predefinita, tutti i colori del testo in Divi vengono visualizzati in bianco o grigio scuro. Se desideri modificare il colore del testo dell'intestazione, scegli il colore desiderato dal selettore di colori utilizzando questa opzione.

Spaziatura delle lettere di intestazione

La spaziatura delle lettere influisce sullo spazio tra ogni lettera. Se desideri aumentare lo spazio tra ogni lettera nel testo dell'intestazione, utilizza il dispositivo di scorrimento dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di immissione a destra del dispositivo di scorrimento. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Altezza riga di intestazione

L'altezza della riga influisce sullo spazio tra ogni riga del testo dell'intestazione. Se desideri aumentare lo spazio tra ogni riga, usa il cursore dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di immissione a destra del cursore. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Carattere del corpo

È possibile modificare il carattere del corpo selezionando il carattere desiderato dal menu a discesa. Divi viene fornito con dozzine di fantastici caratteri forniti da Google Fonts. Per impostazione predefinita, Divi utilizza il carattere Open Sans per tutto il testo sulla tua pagina. Puoi anche personalizzare lo stile del tuo testo utilizzando le opzioni grassetto, corsivo, maiuscolo e sottolineato.

Dimensione del carattere del corpo

Qui puoi regolare la dimensione del testo del tuo corpo. È possibile trascinare il dispositivo di scorrimento dell'intervallo per aumentare o diminuire la dimensione del testo oppure immettere direttamente il valore della dimensione del testo desiderato nel campo di immissione a destra del dispositivo di scorrimento. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Colore del testo del corpo

Per impostazione predefinita, tutti i colori del testo in Divi vengono visualizzati in bianco o grigio scuro. Se vuoi cambiare il colore del tuo testo, scegli il colore desiderato dal selettore di colori usando questa opzione.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Spaziatura delle lettere del corpo

La spaziatura tra le lettere influisce sullo spazio tra ogni lettera. Se vuoi aumentare lo spazio tra ogni lettera nel tuo testo, usa il cursore dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di input a destra del cursore. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il suo tipo di unità.

Altezza della linea del corpo

L'altezza della riga influisce sullo spazio tra ogni riga di testo nel tuo corpo Se vuoi aumentare lo spazio tra ogni riga, usa il cursore dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di immissione situato a destra del cursore. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il suo tipo di unità.

Meta Police

Puoi modificare il carattere del tuo meta testo selezionando il carattere desiderato dal menu a discesa. Divi viene fornito con dozzine di fantastici caratteri forniti da Google Fonts. Per impostazione predefinita, Divi utilizza il carattere Open Sans per tutto il testo sulla tua pagina. Puoi anche personalizzare lo stile del tuo testo utilizzando le opzioni grassetto, corsivo, maiuscolo e sottolineato.

Meta Dimensione del carattere

Qui puoi regolare la dimensione del tuo meta-testo. È possibile trascinare il dispositivo di scorrimento dell'intervallo per aumentare o diminuire la dimensione del testo o immettere direttamente il valore della dimensione del testo desiderato nel campo di immissione a destra del dispositivo di scorrimento. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il suo tipo di unità.

Colore del meta-testo

Per impostazione predefinita, tutti i colori del testo in Divi vengono visualizzati in bianco o grigio scuro. Se vuoi cambiare il colore del tuo meta-testo, scegli il colore desiderato dal selettore di colori usando questa opzione.

Spaziatura Meta Letter

La spaziatura delle lettere influisce sullo spazio tra ogni lettera. Se vuoi aumentare lo spazio tra ogni lettera nel tuo meta-testo, usa il cursore dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di input a destra del cursore. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Meta Line Height

L'altezza della riga influisce sullo spazio tra ogni riga nel tuo meta-testo Se vuoi aumentare lo spazio tra ogni riga, usa il cursore dell'intervallo per regolare lo spazio o inserisci la dimensione della spaziatura desiderata nel campo di immissione situato a destra del cursore. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il tipo di unità.

Imbottitura superiore

Questo parametro controlla lo spazio interno tra la parte superiore del modulo e il contenuto di testo nel modulo. Se desideri aumentare o diminuire questo spazio, inserisci qui il valore desiderato. Ad esempio, per ridurre lo spazio e le dimensioni complessive del cursore, è possibile immettere un valore di 100 px. Puoi anche inserire un valore percentuale, ad esempio 10%, per rendere l'altezza più dinamica.

Imbottitura inferiore

Questo parametro controlla lo spazio interno tra la parte inferiore del modulo e il contenuto del testo nel modulo. Se desideri aumentare o diminuire questo spazio, inserisci qui il valore desiderato. Ad esempio, per ridurre lo spazio e le dimensioni complessive del cursore, è possibile immettere un valore di 100 px. Puoi anche inserire un valore percentuale, ad esempio 10%, per rendere l'altezza più dinamica.

Usa pulsanti personalizzatiUsa stili personalizzati per il pulsante

L'attivazione di questa opzione rivela varie impostazioni di personalizzazione dei pulsanti che puoi utilizzare per modificare l'aspetto del pulsante del tuo modulo.

Dimensione del testo del pulsante

Questa impostazione può essere utilizzata per aumentare o diminuire la dimensione del testo nel pulsante. Il pulsante si adatta all'aumentare e diminuire della dimensione del testo.

Colore del testo del pulsante

Per impostazione predefinita, i pulsanti adottano il colore accento del tema come definito nel personalizzatore del tema. Questa opzione ti consente di assegnare un colore di testo personalizzato al pulsante di questo modulo. Seleziona il tuo colore personalizzato utilizzando il selettore di colori per cambiare il colore del pulsante.

Colore di sfondo del pulsante

Per impostazione predefinita, i pulsanti hanno un colore di sfondo trasparente. Questo può essere modificato selezionando il colore di sfondo desiderato dal selettore dei colori.

Larghezza del bordo del pulsante

Tutti i pulsanti Divi hanno un bordo 2px per impostazione predefinita. Questo bordo può essere aumentato o diminuito utilizzando questa impostazione. I bordi possono essere rimossi inserendo un valore di 0.

Colore del bordo del pulsante

Per impostazione predefinita, i bordi dei pulsanti adottano il colore principale del tema come definito nel personalizzatore del tema. Questa opzione ti consente di assegnare un colore del bordo personalizzato al pulsante di questo modulo. Seleziona il tuo colore personalizzato utilizzando il selettore di colori per cambiare il colore del bordo del pulsante.

Raggio del bordo del pulsante

Il raggio del bordo influisce sulla rotondità degli angoli dei pulsanti. Per impostazione predefinita, i pulsanti in Divi hanno un piccolo raggio del bordo che arrotonda gli angoli di 3 pixel. È possibile ridurre questo valore a 0 per creare un pulsante quadrato o aumentarlo in modo significativo per creare pulsanti con bordi circolari.

Spaziatura delle lettere del pulsante

La spaziatura delle lettere influisce sullo spazio tra ogni lettera. Se si desidera aumentare lo spazio tra ogni lettera nel testo del pulsante, utilizzare il dispositivo di scorrimento dell'intervallo per regolare lo spazio o immettere la dimensione della spaziatura desiderata nel campo di immissione a destra del dispositivo di scorrimento. I campi di input supportano diverse unità di misura, il che significa che puoi inserire "px" o "em" a seconda del valore della tua dimensione per cambiare il suo tipo di unità.

Pulsante della polizia

È possibile modificare il carattere del testo del pulsante selezionando il carattere desiderato dal menu a discesa. Divi viene fornito con dozzine di fantastici caratteri forniti da Google Fonts. Per impostazione predefinita, Divi utilizza il carattere Open Sans per tutto il testo sulla tua pagina. Puoi anche personalizzare lo stile del tuo testo utilizzando le opzioni grassetto, corsivo, maiuscolo e sottolineato.

Aggiungi un'icona a pulsante

Disattivata, questa impostazione rimuoverà le icone dal pulsante. Per impostazione predefinita, tutti i pulsanti Divi visualizzano un'icona a forma di freccia al passaggio del mouse.

Icona del pulsante

Se le icone sono abilitate, puoi usare questa impostazione per scegliere quale icona usare nel tuo pulsante. Divi ha diverse icone tra cui scegliere.

Pulsante icona colore

La regolazione di questa impostazione cambierà il colore dell'icona che appare sul tuo pulsante. Per impostazione predefinita, il colore dell'icona è lo stesso del colore del testo del pulsante, ma questa impostazione consente di regolare il colore in modo indipendente.

Pulsante di posizionamento delle icone

Puoi scegliere di visualizzare l'icona del tuo pulsante a sinistra o a destra del tuo pulsante.

Mostra solo l'icona quando si passa con il mouse sopra il pulsante

Per impostazione predefinita, le icone dei pulsanti vengono visualizzate solo al passaggio del mouse. Se vuoi che l'icona appaia sempre, disattiva questa impostazione.

Colore del testo al passaggio del mouse

Quando il pulsante viene posizionato sopra il mouse di un visitatore, verrà utilizzato questo colore. Il colore cambierà dal colore di base definito nelle impostazioni precedenti.

Colore di sfondo del pulsante al passaggio del mouse

Quando il pulsante viene posizionato sopra il mouse di un visitatore, verrà utilizzato questo colore. Il colore cambierà dal colore di base definito nelle impostazioni precedenti.

Pulsante del bordo di passaggio del colore

Quando il pulsante viene posizionato sopra il mouse di un visitatore, verrà utilizzato questo colore. Il colore cambierà dal colore di base definito nelle impostazioni precedenti.

Pulsante del bordo del passaggio del mouse

Quando il pulsante viene posizionato sopra il mouse di un visitatore, verrà utilizzato questo valore. Il valore cambierà dal valore di base definito nelle impostazioni precedenti.

Pulsante di spaziatura delle note di puntamento

Quando il pulsante viene posizionato sopra il mouse di un visitatore, verrà utilizzato questo valore. Il valore cambierà dal valore di base definito nelle impostazioni precedenti.

Opzioni avanzate di Post Slider

Nella scheda Avanzate troverai le opzioni che i web designer più esperti potrebbero trovare utili, come gli attributi CSS e HTML personalizzati. Qui puoi applicare CSS personalizzati a uno qualsiasi dei molti elementi del modulo. Puoi anche applicare classi e ID CSS personalizzati al modulo, che possono essere utilizzati per personalizzare il modulo nel file style.css del tema figlio.

modulo del cursore

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

ID CSS

Immettere un ID CSS opzionale da utilizzare per questo modulo. Un ID può essere utilizzato per creare uno stile CSS personalizzato o per collegarsi a particolari sezioni della tua pagina.

Classe CSS

Immettere le classi CSS opzionali da utilizzare per questo modulo. Una classe CSS può essere utilizzata per creare uno stile CSS personalizzato. Puoi aggiungere più classi, separate da uno spazio. Queste classi possono essere utilizzate nel tema figlio Divi o nel foglio di stile CSS personalizzato che aggiungi alla tua pagina o al tuo sito Web utilizzando le opzioni del tema Divi o le impostazioni nella pagina Divi Builder.

CSS personalizzato

Il CSS personalizzato può anche essere applicato al modulo ea qualsiasi parte interna del modulo. Nella sezione CSS personalizzato, troverai un campo di testo in cui puoi aggiungere fogli di stile CSS personalizzati direttamente a ciascun elemento. Le voci CSS in queste impostazioni sono già inserite nei tag di stile. Quindi inserisci le regole CSS separate da punto e virgola.

Modulo cursore articolo DiviAnimazione automatica

Se vuoi che il cursore scorra automaticamente, senza che il visitatore debba fare clic sul pulsante successivo, attiva questa opzione, quindi regola la velocità di rotazione sotto se lo desideri.

Velocità di animazione automatica (in ms)

Qui puoi indicare la velocità con cui il cursore si dissolve tra ogni diapositiva, se l'opzione "Animazione automatica" è abilitata sopra. Più alto è il numero, più lunga è la pausa tra ogni rotazione.

Continua Auto slide on Hover

L'attivazione consentirà l'esecuzione della diapositiva automatica al passaggio del mouse.

Nascondi i contenuti sui dispositivi mobili

Man mano che le dimensioni dello schermo si riducono sui dispositivi mobili, lo spazio sullo schermo diventa più prezioso. A volte è una buona idea disattivare alcuni elementi del cursore meno importanti per ridurre la dimensione del cursore e renderlo più leggibile. L'attivazione di questa impostazione nasconde il contenuto del testo del cursore sul cellulare.

Nascondi CTA sul cellulare

Man mano che le dimensioni dello schermo si riducono sui dispositivi mobili, lo spazio sullo schermo diventa più prezioso. A volte è una buona idea disattivare alcuni elementi del cursore meno importanti per ridurre la dimensione del cursore e renderlo più leggibile. L'attivazione di questa impostazione nasconderà i pulsanti di chiamata all'azione del cursore sui dispositivi mobili.

Visualizza immagine / video su dispositivo mobile

Man mano che le dimensioni dello schermo si riducono sui dispositivi mobili, lo spazio sullo schermo diventa più prezioso. A volte è una buona idea disattivare alcuni elementi del cursore meno importanti per ridurre la dimensione del cursore e renderlo più leggibile. Abilitando questa impostazione vengono visualizzate le immagini delle diapositive e i video sui dispositivi mobili (sono disabilitati per impostazione predefinita).

disattivare

Questa opzione ti consente di controllare i dispositivi su cui appare il tuo modulo. Puoi scegliere di disattivare singolarmente il tuo modulo su tablet, smartphone o desktop. Questo è utile se vuoi usare diverse mod su diversi dispositivi, o se vuoi semplificare il design mobile eliminando alcuni elementi dalla pagina.

Altri tutorial di Divi

Questo articolo contiene i commenti 6

  1. Grazie per l'articolo. È possibile visualizzare più articoli affiancati per creare un carosello di articoli?
    grazie

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
12 azioni
quota6
Tweet2
Enregistrer4