Come aggiungere e modificare il widget del selettore di contenuti Elementor?

Pubblicato: 2022-05-25

I clienti di WordPress sono spesso alla ricerca di nuovi modi per migliorare lo spazio del sito senza sacrificare i suoi articoli. Come normalmente usi i widget di slider, fisarmoniche o schede, potresti trascurare altri fattori come il selettore di articoli. Ecco perché stiamo dedicando questo invio a uno switcher di informazioni Elementor, solo uno degli elementi interattivi meno difficili per la tua pagina Web WordPress.

In individuo, ti guideremo su come inserire e personalizzare un widget Elementor Content Switcher con il componente aggiuntivo Stratum totalmente gratuito .

Esattamente dove posso utilizzare uno switcher per il materiale dei contenuti di WordPress?

Secondo l'Information Marketing Institute e Ion Interactive, "il materiale interattivo è generalmente impiegato su pagine Web di destinazione, piattaforme di social media , micrositi e blog ".

Naturalmente, puoi utilizzare uno switcher di contenuto per qualsiasi stile di sito Web ogni volta che ti sembra vitale. Viene utilizzato principalmente per gestire diversi dettagli in un solo fattore invece di visualizzarli uno dopo l'altro. Inoltre, un semplice modo di alternare rende certo un "cambio rapido" per quanto riguarda i due o più stili di contenuto scritti.

Quindi in questo articolo ci sono le illustrazioni prevalenti in cui molto probabilmente useresti un selettore di contenuto:

  • Tabelle dei prezzi con piani unici (ad es. VS normale una volta all'anno, VS Pro totalmente gratuito)
  • Elenco delle funzioni (ogni interruttore è un aspetto diverso)
  • Funzionalità commutabili
  • Materiale di contenuto classificato (ad es. lista di controllo dei fornitori o dei clienti del team)

Elementor Content Switcher di Stratum

Ormai dovresti davvero conoscere la seria capacità di Elementor. Una fantastica quantità di metodi gratuiti è concentrata attorno a questo costruttore di siti WordPress. Uno di questi è Stratum per Elementor, un assortimento freemium di oltre 23 sofisticati widget Elementor per uso aziendale e aziendale.

Componenti aggiuntivi personalizzati di Stratum Elementor

Le caratteristiche chiave dello strato sono:

  • Oltre 23 widget multiuso in 1 plugin
  • Adeguamento automatico del design al design del tuo attuale concept
  • Toolchain di struttura innovativa per ogni singolo widget
  • Integrazione della libreria di modelli Elementor.

A differenza di componenti aggiuntivi molto simili, Stratum consente di applicare tutti gli oltre 23 widget nella sua versione totalmente gratuita. Nel frattempo, gli acquirenti di Stratum Professional acquistano configurazioni di personalizzazione estese per ogni singolo ingrediente.

Quindi, quando si tratterà del commutatore di informazioni in Stratum Absolutely free vs Pro, la loro unica modifica è il numero di schede di commutazione. La versione assolutamente gratuita consente di creare solo 2 schede di commutazione, quando la versione Professional non ha limiti sulla gamma di schede.

Widget Elementor per il selettore di contenuti

DEMO Widget Elementor Switcher materiale

Come aumentare il selettore degli articoli di Stratum?

Stiamo entrando nella parte principale del nostro tutorial. Molto probabilmente, hai già un sito Internet WordPress e hai appena installato Elementor.

Ora è il momento di installare Stratum. A seconda del tuo programma, puoi farlo in due modi diversi:

Infine, carica una di queste informazioni sul tuo sito web: Plugin => Aggiungi nuovo => Carica plugin . Non ignorare per attivare il plugin.

Quando Stratum è attivato, apri una delle pagine Web del sito Internet con Elementor. Non fa alcuna differenza se utilizzi un modello preimpostato o meno.

Ora è sufficiente fare clic sull'icona "+" per selezionare una struttura (selezione di colonne) e quindi inserire il widget desiderato. La libreria Factors avrà ora la cartella Stratum. Puoi trovare il widget Switcher materiale contenuto nell'elenco o semplicemente ordinare il nome nella barra di ricerca.

Trascina il fattore nella pagina di modifica:

Commutatore di contenuto di strato
Questa era una piccola istruzione su come includere uno switcher di materiale Elementor nel tuo sito web. Ma il tutorial non è finito. Ora dobbiamo determinare come personalizzare questo widget lavorando con le configurazioni di Elementor e Stratum.

Commutatore materiale Stratum Content: Impostazioni primarie

Quindi hai trascinato il plug-in Stratum Material Switcher nella tua pagina web di modifica. Nelle restanti opzioni della barra laterale, vedrai 3 schede di miglioramento: Contenuto, Stile e Sofisticato .

Configurazioni dei contenuti

La scheda Contenuto materiale è il luogo in cui puoi trovare il modello e inserire elementi (attiva o disattiva) al tuo aspetto.

Se utilizzi l'edizione Professional dell'addon, puoi progettare e creare il tuo selettore di materiale di contenuto con i due modelli: Toggle Tabs (solo due prodotti) e Many Tabs . Con l'ultimo solo, puoi aggiungere tutti i prodotti di commutazione che desideri.

Il modello assolutamente gratuito, tuttavia, supporta solo il design e lo stile di Toggle Tabs . Questi sono esempi di tipi di schede varie e alterna :

Schede multiple e alterna

Le configurazioni Merce includono cose come:

  • Titolo del prodotto
  • Modello (il contenuto scritto all'interno di ogni singolo elemento)

Molto probabilmente, non hai davvero alcun modello salvato, ma quindi la tua fase successiva sarà la creazione di un modello Elementor per quasi ogni interruttore. Per farlo, scegli Modelli => Aggiungi nuovo nella dashboard di WordPress. Scegli il tipo di porzione e colpisci Produci:

Commutatore di contenuto di strato 2
Verrai trasferito al builder Elementor in modo da poter generare qualsiasi parte utilizzando la tua ultima raccolta di widget. Quando hai completato la creazione di un ingrediente, premi Aggiorna.

Torna alla personalizzazione del selettore di articoli di Elementor. Ora puoi trovare il modello creato di recente e verrà mostrato all'interno del nostro widget:

Commutatore di contenuto di strato 3
Inoltre, nelle opzioni del materiale del contenuto, puoi scegliere quali delle tue cose verranno spiegate per impostazione predefinita.

Design e impostazioni di stile

Le opzioni Modello sono leggermente uniche per gli stili Attiva/disattiva scheda e numerose schede. Entrambi hanno gli esatti parametri Standard, Schede e Contenuto.

Il menu Base include opzioni per:

  • Attiva/disattiva l'allineamento
  • Imbottiture da manuale
  • Tonalità di sfondo
  • Raggio del bordo (questo aiuterà il tuo interruttore a sembrare più simile a un pulsante affidabile)
  • Ombra della scatola

Il menu Schede comprende le impostazioni per:

  • Pannello tipografico completo
  • Imbottiture e raggio di confine
  • Colore del contenuto testuale per diverse modalità (tipi normali, al passaggio del mouse ed energico).

Commutatore di contenuto di strato 4
Il menu Informazioni presenta le configurazioni per trasformare i margini e introdurre i risultati dell'animazione.

Inoltre, il design Toggle Tabs include la personalizzazione dell'interruttore:

  • Imbottiture
  • Misurazione del selettore di contenuto
  • Colori e raggio

Opzioni innovative

Non dimenticare che ogni singolo widget Elementor è sottoposto a backup con opzioni all'avanguardia. Sono sempre costituiti dalle prossime soluzioni di personalizzazione: layout, effetti di movimento, rimodellamento, qualifiche, bordo, maschera, configurazioni reattive, caratteristiche e CSS personalizzati.

Testo rimanente

Osserva che nessuna delle variazioni di Elementor (Totalmente gratuita o Pro) ha un widget Content Switcher a scelta. Ma con l'addon Stratum, puoi stabilire questo fattore semplice in un paio di clic.

Tutto quello che devi fare è scaricare una persona delle variazioni Stratum.

Scarica Stratum Totalmente gratuito

Ottieni Stratum Pro