Divi: il miglior tema WordPress di tutti i tempi!

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

Probabilmente sapete Slider Revolution, è uno dei plugin WordPress premium più scaricati su CodeCanyon. È anche il più consigliato per le persone che vogliono aggiungere un file cursore (presentazione) sul loro sito Web o blog WordPress.

È un plugin disponibile su CodeCanyon.com. Ricorda, ti abbiamo presentato piuttosto come scarica un plugin su questa piattaforma.

Quindi la prima cosa è scaricare, installalo e attivalo.

Se non hai mai installato quest'ultimo, scoprilo Come installare Revolution Slider su WordPress.Puoi anche scopri questo altro tutorial dettagliato e abbastanza completo.

Consigliato.

Come configurare Slider Rivoluzione

Slider Revolution offre impostazioni di base. Devi prima accedere alla home page del plugin, tramite il menu " Slider Revolution »Disponibile nel menu a sinistra della dashboard, dopo aver installato e attivato il plugin.

access revolution slider.jpg

Questo ti reindirizzerà alla dashboard del plugin Slider Revolution. Quindi configureremo il plugin. È quindi necessario fare clic sul collegamento " Impostazioni generali Situato nel sottomenu Slider Revolution.

risoluzione dei parametri generali slider.jpg

Cliccando su di esso ti porterà in una nuova pagina. Questa pagina contiene alcune opzioni, tra cui:

  • I ruoli che hanno accesso l'autorizzazione plug-view »
  • Caricamento risorse plugin ovunque " on O solo sulle pagine che lo utilizzano. Il caricamento di risorse su tutte le tue pagine può rallentare il tuo sito web.
  • Puoi anche integrare le risorse del plug-in su determinate pagine aggiungendo l'identificatore di ciascuna pagina nel " Pagine a RevSlider include librerie '.
  • Per un rendering migliore, puoi scegliere di caricare le risorse del plugin dopo che la pagina è stata visualizzata con l'opzione " Inset JavaScript nel footer '.
  • È possibile attivare le opzioni per esportare i dati del dispositivo di scorrimento da utilizzare su diversi altri siti Web.
  • L'ultima opzione riguarda i rapporti sull'attività dello slider.

cursore di rivoluzione impostazione parametri generali.jpg

Le impostazioni predefinite sono accettabili. Ma puoi personalizzarli come desideri. Non dimenticare di fare clic su " Salva le impostazioni »Per salvare le impostazioni.

Ritorna a « Slider Revolution Perché ora creeremo un nuovo dispositivo di scorrimento.

configurare il plugin WordPress Slider Revolution

Come creare un dispositivo di scorrimento con il plug-in Revolution Slider

Revolution Slider è molto flessibile e si adatta a quasi tutti i tipi di slider, dal più semplice al più complesso con i livelli (questa è una caratteristica molto interessante).

Nella nuova pagina, puoi notare che ci sono due colonne principali. Questa pagina deve essere considerata come la pagina delle impostazioni per il nuovo dispositivo di scorrimento. Non è possibile da questa posizione aggiungere immagini e testi. Tuttavia, modificheremo alcune impostazioni del dispositivo di scorrimento.

Scopri la nostra I migliori plug-in WordPress premium di 10 per creare slider sul tuo blog

Nella sezione "Param Slider"

Abbiamo diversi campi obbligatori che devono essere completati, tra cui:

  • Titolo
  • L'alias che verrà utilizzato sullo shortcode. Devi necessariamente fornire un alias.

titolo shortcode revolution slider.jpg

Esistono diversi tipi di cursori raggiungibili con Slider Revolution:

  • Puoi scegliere di visualizzare gli articoli come diapositiva, in particolare definendo un limite dei risultati, modificando l'ordine di visualizzazione, scegliendo un modello, ecc ...
  • Scegli articoli particolari, specificando i loro identificatori
  • Scegli la modalità galleria per il dispositivo di scorrimento, che ci permetterà di creare diapositive più complesse e belle.

slider revolution type selection slider.jpg

La seguente opzione consente di modificare il layout dello slider: fisso, personalizzato, auto responsive, schermo intero. Oltre a queste opzioni, ci sono quelle per le dimensioni della griglia e le dimensioni del layout.

dimensione configurazione rivoluzione slider.jpg

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare Facile e gratuito qualsiasi sito web o blog design con un aspetto professionale. Smetti di pagare molto per un sito web che puoi fare da solo.

Queste sono le opzioni nella prima colonna. La seconda colonna offre molte altre opzioni. Tra gli altri abbiamo: La durata di ogni diapositiva, che per impostazione predefinita è di 9 secondi.

Visualizzazione casuale (modalità Shuffle)

parametri generali slider revolution slider.jpg

La sezione Layout e visuale

Questa sezione raggruppa le opzioni per la configurazione dell'ombra e dello sfondo nella sottoscheda "Aspetto". Troverai anche una scheda "Spinner", che ti consente di modificare l'animazione durante il caricamento dello slider, la scheda "Mobile" che ti consente di determinare come viene visualizzato lo slider sul cellulare e la scheda "Posizione" che ti consente per configurare la posizione dello slider in relazione al contenuto.

layout e rivoluzione visiva slider.jpg

La sezione di navigazione

La scheda di navigazione è suddivisa in diverse sottoschede che consentono di configurare vari aspetti della navigazione dello slider. Ad esempio, avrai la scheda "frecce" che ti permette di scegliere il tipo di pulsante di navigazione tra i cursori (puoi attivare o meno le frecce). Con la scheda "Punti elenco", hai anche la possibilità di configurare i punti elenco di navigazione, con la scheda "Schede" che aggiungerà un effetto di scorrimento delle schede e così via.

navigazione tab rivoluzione slider.jpg

Configurare le condizioni di animazione "Parametri generali"

Offre opzioni sulle diapositive, ad esempio, puoi definire che il cursore si fermerà automaticamente dopo una diapositiva particolare " Stop dopo Loops »Oppure scegli la posizione della barra di scorrimento (la barra di avanzamento ti consente di vedere quanto tempo impiega una diapositiva prima che ne venga visualizzata un'altra).

configurazione animazione slider revolution slider.jpg

Queste sono le prime sezioni del plugin e quelle che utilizzerai di più. È possibile utilizzare più opzioni per aggiungere più funzionalità al dispositivo di scorrimento.

Scopri Come creare una pagina Web Pro con WPBakery e aggiungi ad esso un bellissimo Slider.

Al termine, salva il dispositivo di scorrimento di seguito utilizzando il pulsante " Salva le impostazioni '.

registrati slider revolution sliders.jpg

Dopo aver cliccato su " Salva le impostazioni », Verrai reindirizzato all'interfaccia di creazione dello slider. Che creerà un cursore predefinito vuoto.

creazione slider interface.jpg

Come aggiungere una nuova diapositiva a un dispositivo di scorrimento

Se non ricordi di cosa si tratta, in un post precedente ho definito una serie di termini tecnici di WordPress, tra cui « Slider "e" Slide ».

Prima dell'interfaccia per la modifica delle opzioni dello slider, vedrai una sezione con 3 zone di default dove troverai l'ultima con l'etichetta " Aggiungi diapositiva". Posizionando il mouse su di esso, verranno visualizzate opzioni aggiuntive. Scegli Aggiungi diapositiva vuota.

aggiungi un cursore a slider.jpg

osservazione : Tutte le nuove diapositive che creerai verranno aggiunte a questa barra. Ogni diapositiva creata offrirà opzioni di gestione aggiuntive: Elimina, Duplica, Aggiungi al modello.

L'interfaccia di uno slider è composta da:

  • Opzioni di diapositiva avanzate
  • Dall'interfaccia di progettazione del cursore (interfaccia di creazione)

Interfaccia opzioni avanzate

Vuoi vendere i tuoi prodotti su Internet?

Scarica WooCommerce gratis, i migliori plugin di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress e creare facilmente il tuo negozio online. Perfetto per i principianti.

Queste opzioni sono organizzate in diverse schede. La sezione dello sfondo principale consente di configurare diversi aspetti che influiscono sullo sfondo della diapositiva. Ad esempio, puoi scegliere di utilizzare un video di YouTube come sfondo.

rivoluzione video di sfondo slider.jpg

La scheda Parametri generali consente di configurare elementi come la durata della diapositiva, vari eventi che faranno mettere in pausa la diapositiva (interrompi l'animazione).

rivoluzione parametri generali slider.jpg

La scheda delle miniature ti consente di scegliere un'anteprima per la diapositiva creata. Questo verrà utilizzato se il tuo dispositivo di scorrimento offre anteprime delle diapositive. 

creazione vignette revolution slider.jpg

La scheda Animazione diapositiva consente di definire quale è l'animazione di entrata e di uscita della diapositiva. Hai un'ampia scelta tra le opzioni disponibili.

scegli animazione slide revolution slider.jpg

La scheda Link e seo ti consente di modificare alcuni attributi HTML della diapositiva. In linea di principio, non sarà necessario utilizzare spesso questa scheda.

Revolution Slider interfaccia di design

L'interfaccia di progettazione è quella posizione di messa in scena in cui farai la tua composizione. Consiste in una superficie composta da quadrati bianchi e grigi, che costituiscono il super di lavoro (dove andranno posti i diversi elementi).

interfaccia design revolution slider.jpg

Cosa sapere sui livelli (livello)

Ogni oggetto posizionato sull'interfaccia di composizione costituisce un livello. Questi livelli possono essere sovrapposti l'uno sull'altro, proprio come puoi fare con gli schizzi. Il livello può quindi essere costituito da un'immagine, un codice html, un video, una forma, un oggetto e molto altro. Puoi aggiungere un livello passando il mouse sul pulsante "Aggiungi livello" che ti offre più opzioni.

sfoglia una rivoluzione a strati slider.jpg

Se si fa clic su "Testo / html", verrà aggiunta una zona di testo nell'interfaccia di progettazione che è possibile personalizzare (aggiungere testo, modificare il carattere o spostare).

aggiungi rivoluzione del testo slider.gif

Ogni livello aggiunto può offrire diverse opzioni. Di solito per accedere alle opzioni di un livello, è sufficiente fare doppio clic su di esso. Ora aggiungeremo un'immagine.

aggiungi rivoluzione dell'immagine slider.gif

Ogni livello ha le sue opzioni. Queste opzioni sono la barra situata appena sopra l'interfaccia di progettazione.

opzione per rivoluzione del livello slider.jpg

Queste sono schede che offrono opzioni avanzate. Ad esempio, se vogliamo cambiare l'animazione del livello, dobbiamo andare alla scheda animazione e scegliere un'animazione di input e output come segue.

scegli un'animazione per un layer.gif

Ogni scheda ha le sue opzioni. Prendendo alcuni minuti, sarete in grado di capire come funziona la maggior parte delle schede.

Questo è praticamente tutto ciò che devi sapere sulla configurazione del plug-in Slider Revolution di WordPress per iniziare. Torneremo più tardi per mostrarti tecniche più avanzate.

Ma prima di lasciarti, vorremmo offrirti altre 2 alternative premium progettate per aiutarti a creare slider sul tuo sito web.

1. RoyalSlider

Lo slider più scaricato su CodeCanyon, Royal Slider viene caricato con caratteristiche irresistibili. Utilizzato da aziende diverse come Coca-Cola, Ralph Lauren e Land Rover, questo plug-in fa praticamente tutto ciò che potresti aspettarti da uno slider. La caratteristica più interessante è il supporto nativo a schermo intero.

Royalslider touch cursore del contenuto per wordpress

Perfetto per la visualizzazione di fotografie ad alta risoluzione. Questo plugin impressionerà sicuramente i tuoi visitatori con le sue caratteristiche professionali. Come funzionalità avremo tra le altre: la possibilità di creare diversi cursori con stili diversi per pagina, supporto per la navigazione tattile, un design reattivo, la miniatura A verticale o orizzontale, elenchi puntati o schede per la navigazione e altro ancora.

Download | Demo | Web hosting

2. . WP Slick Slider e Image Carousel Pro

Se sei un appassionato seguace della suite Visual Composer, l'utilizzo del plugin WP Slick Slider è un'opzione che devi considerare. Con quasi i modelli predefiniti 100, troverai sicuramente quello che stai cercando senza codificare nulla.Wp slick slider e image carousel pro

Questa è un'opzione da prendere davvero sul serio, specialmente per gli utenti di Visual Composer - WPBakery -.

Le sue caratteristiche sono tra le altre: a mè una pagina completamente reattiva con supporto drag-and-drop, a ccostruttore di codici brevi, ilsostegno di RTL e multilingua, didesign accattivante, e molto di più.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Speriamo che questo articolo ti abbia aiutato a configurare il plugin premium WordPress Slider Revolution. In caso di domande, non esitare a lasciarle nella sezione commentaires. E se ti è piaciuto questo articolo, condividilo sui tuoi diversi i social network