Il widget Content Ticker di ElementsKit per Elementor ti consente di visualizzare post recenti, ultime notizie e altro in modo elegante. Il widget ti dà la possibilità di mostrare i post del sito web o il contenuto personalizzato sul ticker.

Leggi questa documentazione per scoprire come utilizzare il widget Elementor Content Ticker di ElementsKit.

Passaggio 1: ottieni il ticker dei contenuti in Elementor #

Per ottenere il ticker dei contenuti sul tuo sito Web WordPress, abilita innanzitutto il widget ElementsKit Content Ticker, quindi apri l'editor di Elementor e trascina e rilascia il widget nell'area di progettazione.

Abilita il widget Ticker contenuto #

Per abilitare il widget Ticker contenuto:

1. Navigare verso ElementsKit > Widget.
2. Trovare il Ticker dei contenuti dall'elenco e abilitare il widget.
3. Clicca sul SALVARE LE MODIFICHE.

Trascina e rilascia il widget #

Successivamente, trascina e rilascia ElementsKit Ticker dei contenuti widget nell'editor di Elementor.

Passaggio 2: configura il ticker del contenuto in Elementor #

Ora puoi configurare il titolo, il contenuto e le impostazioni del ticker del widget.

Titolo del biglietto #

1. Mostra titolo: Innanzitutto, abilita il titolo del ticker. Quindi avrai altre opzioni disponibili per personalizzare il titolo.
2. Stile del titolo: Scegli uno stile per il titolo del ticker tra le opzioni fornite.

3. Testo del titolo: Inserisci un testo per il titolo.
4. Abilita puntatore: Puoi mostrare un puntatore insieme al titolo del ticker.
5. Icona: In alternativa, puoi mostrare un'icona accanto al titolo.

[Nota: Puntatore e Icona sono opzioni alternative. Quando abiliti il puntatore, l'icona non sarà disponibile e viceversa.]

6. Posizione: Imposta la posizione del puntatore/icona. È possibile impostare la posizione su “Prima” o “Dopo” il puntatore/icona.
7. Abilita separatore: Puoi anche mostrare un separatore con il titolo del ticker.

Contenuto/query del ticker #

In questa sezione puoi selezionare il tipo di contenuto.

• Tipo di contenuto: post

Per mostrare i post del tuo sito web sul ticker.

1. Seleziona contenuto: Impostato su "Pubblica".
2. Conteggio contenuti: Imposta il numero di post da mostrare.
3. Rifinitura del titolo: Limita il numero di caratteri di testo per il titolo del post visualizzato nel riquadro a scorrimento.
4. Descrizione Rifinitura: Limita il numero di caratteri di testo per la descrizione del post visualizzata nel riquadro a scorrimento. (la descrizione può essere abilitata da Impostazioni).
5. Seleziona contenuto per: Puoi scegliere di mostrare il post nei seguenti modi:
   • Post recente: Mostra i post recenti sul tuo sito web.
   • Messaggio selezionato: Mostra il post selezionato. Puoi selezionare i post nel campo “Cerca e seleziona”.
   • Articolo di categoria: Mostra i post per categoria. Aggiungi categorie nel campo "Seleziona categorie".
6. Ordine: Imposta l'ordine del contenuto su ordine discendente (DESC) o ascendente (ASC).

• Tipo di contenuto: personalizzato

Per mostrare contenuti personalizzati sul ticker.

1. Seleziona contenuto: Impostato su "Personalizzato".
2. AGGIUNGI ARTICOLO: È possibile aggiungere elementi di contenuto.

3. Titolo del contenuto: Inserisci il titolo del contenuto per il ticker.
4. Descrizione del contenuto: Aggiungi una descrizione per il contenuto del ticker.
5. Scegli l'immagine: Aggiungi un'immagine da mostrare nel contenuto del ticker.
6. Collegamento: Inserisci un URL per collegare qualsiasi pagina web al contenuto.

Impostazioni #

In questa sezione è possibile configurare le impostazioni del ticker.

1. Mostra immagine: Decidi se vuoi mostrare l'immagine in evidenza del contenuto sul ticker.
2. Dimensione dell'immagine: Puoi modificare la dimensione dell'immagine nel contenuto del ticker.
3. Abilita ombra: Puoi abilitare l'ombra che appare all'estremità sinistra e destra del contenuto del ticker.
4. Mostra descrizione: Puoi mostrare la descrizione del contenuto nel ticker.

5. Effetto: Scegli lo stile dell'effetto di animazione tra le seguenti opzioni: Predefinito, Dissolvenza, Selezione e Digitazione.

Quando selezioni l'effetto Selezione, ti consigliamo di aumentare la velocità dell'animazione per una migliore visibilità.

6. Direzione: Impostare la direzione su i. Scorrimento orizzontale o ii. Scorrimento verticale.

[Nota: la direzione è Non disponibile per il tendone effetto]

7. Velocità di animazione: Puoi modificare e regolare la velocità dell'effetto di animazione.

[Nota: la velocità dell'animazione è Non disponibile per la digitazione effetto]

8. Riproduzione automatica: Puoi abilitare la riproduzione automatica per il ticker dei contenuti. 

Se abilitato, imposta il Un affare tempo (intervallo tra la modifica del contenuto).

[Nota: La riproduzione automatica lo è Non disponibile per il tendone effetto]

9. Direzione inversa: Se abiliti questa opzione, il ticker scorrerà nella direzione da sinistra a destra. Altrimenti, la direzione del ticker è da destra a sinistra.

10. Prendi il cursore: Gli utenti possono far scorrere il contenuto del ticker afferrandolo con il cursore del mouse.

[Nota: Prendi il cursore lo è Non disponibile per il tendone effetto]

11. Mostra freccia: Abilita la freccia per navigare manualmente nel contenuto del ticker. Se mostri le frecce, scegli un'icona Freccia sinistra e un'icona Freccia destra.

Passaggio 3: personalizza lo stile del ticker del contenuto #

Puoi personalizzare il ticker del contenuto di Elementor nella scheda Stile.

Involucro #

1. Direzione: Scegli la posizione del titolo e delle frecce del ticker.
   1. Normale: il titolo del ticker è a sinistra e la freccia a destra.
   2. Reverse: il titolo del ticker è a destra e la freccia a sinistra.

2. Imbottitura dell'involucro: Puoi regolare il riempimento superiore e inferiore dell'intera sezione del ticker del contenuto.

Titolo del ticker #

1. Larghezza: Regola la larghezza della sezione del titolo del ticker.
2. Allineamento: Seleziona l'allineamento dell'icona e del testo nel titolo del ticker.
3. Opzioni puntatore/Opzione icona: Puoi modificare le dimensioni, lo spazio tra il titolo e il puntatore/icona e il colore del puntatore/icona.

4. Tipografia: Scegli la tipografia per il testo del titolo.
5. Imbottitura: Regola il riempimento del titolo del ticker.
6. Raggio del confine: Regola il raggio del bordo del titolo del ticker.
7. Colore del testo: Scegli il colore del testo.
8. Sfondo: Scegli il titolo del ticker Sfondo.
9. Icona: Scegli un'icona del titolo del ticker.

[Nota: puoi scegliere colori del testo, colori dello sfondo e colori delle icone separati per gli stati Normale e Al passaggio del mouse.]

10.  Opzione separatore: Se abiliti il separatore per il titolo del ticker, puoi modificarne lo stile come Larghezza, Altezza e Colore.

Contenuto del ticker #

1. Allineamento: Seleziona l'allineamento del contenuto del ticker.
2. Margine: Regola i margini destro e sinistro del contenuto del ticker.
3. Imbottitura: Regola l'imbottitura del contenuto.
4. Colore del titolo: Scegli un colore del titolo per il contenuto del ticker.
5. Colore al passaggio del mouse sul titolo: Seleziona un colore da visualizzare quando il titolo del contenuto è sospeso.
6. Tipografia del titolo: Imposta la tipografia del testo del titolo del contenuto.
7. Descrizione Colore: Si cambia il colore della descrizione del contenuto.
8. Descrizione Tipografia: Imposta la tipografia del testo della descrizione.

Immagine #

Se abiliti l'opzione "Mostra immagine" nella sezione Impostazioni, l'immagine apparirà con il contenuto.

1. Aggiusta il Larghezza E Altezza dell'immagine.
2. Seleziona un Tipo di bordo per l'immagine.
3. Aggiusta il Raggio del confine.
4. Impostare il Margine per l'immagine del contenuto.

Freccia #

Se abiliti la funzione "Mostra frecce", le frecce appariranno sul ticker.

1. Posizione della freccia: Imposta la posizione della freccia a sinistra o a destra del ticker.
2. Larghezza: Regola la larghezza delle frecce.
3. Altezza: Regola l'altezza delle frecce.
4. Spazio tra: Regola lo spazio tra le due frecce.
5. Colore icona: Puoi scegliere il colore dell'icona della freccia.
6. Colore di sfondo: Scegli un colore di sfondo per la freccia.
7. Tipo di bordo: Seleziona un tipo di bordo. Inoltre è possibile selezionare il larghezza E colore del confine.
8. Raggio del confine: Regola il Raggio del bordo per le frecce.

Come il widget Content Ticker, ElementsKit include centinaia di elementi avanzati per Elementor. Ottieni ElementsKit e utilizza questi elementi per creare siti Web WordPress ricchi di funzionalità.