Continuiamo oggi la nostra guida su Revolution Slider, ma questa volta parleremo della visualizzazione della presentazione in una pagina / articolo di WordPress, ma eseguiremo anche alcune configurazioni avanzate sul tuo dispositivo di scorrimento. Spero che fin dall'inizio di queste guide ti alleni a casa (è un vantaggio considerevole esercitarsi sempre). Se riscontri un problema, ti ricordo che puoi farmi domande, sarò felice di risponderti.

Per chi inizia leggendo questo tutorial, vi invito a non perdere l'inizio di questi tutorial su Revolution Slider:

Se hai seguito questi passaggi, puoi continuare, altrimenti avrai difficoltà a seguirmi.

Cosa devi sapere su Slideshow

Revolution Slider è un plugin che non dipende da nessun tema. In linea di principio, le presentazioni di questi ultimi possono essere visualizzate su qualsiasi tipo di tema, ma ciò non è sempre vero. In effetti, qualsiasi tema ha regole di stile CSS che possono essere un ostacolo alla corretta visualizzazione dei cursori. A volte quando si sceglie un dispositivo di scorrimento un layout " larghezza Traboccerà e non verrà visualizzato come dovrebbe.

Invece di cercare un tema gratuito che alla fine sarà compatibile con Revolution Slider, ti consiglio di scegliere un tema premium che sia già compatibile con Revolutio Slider e uno dei temi che vedo per primo è " Totale Da WPExplorer.

the-totale-theme-wordpress-quadro

Uno degli esempi che giustifica il fatto che devi prendere un tema premium è ad esempio la visualizzazione di un dispositivo di scorrimento a tema ventiquattordici.

Revolution-cursore dimostrativi-wordpress-cursore-display-rivoluzione

Puoi notare che su questa immagine, l'area in rosso rappresenta tutto lo spazio corrente del tema. L'area blu rappresenta l'overflow del cursore sul tema. Potresti scoprire che il display non è ottimale. Ne troverai diversi Temi WordPress compatibile con Revolution Slider attivato ThemeForest

Detto questo, scopriamo come visualizzare un dispositivo di scorrimento su un articolo / pagina

Come visualizzare un cursore su un articolo

Revolution Slider ti offre l'aggiunta di slider alle tue pagine / articoli in due modi.

Utilizzando lo shortcode

Si accede alla pagina di configurazione e si recupera lo shortcode. Nella sezione Titolo cursore e shortcode Noterai i campi 3. 3e campo che contiene uno shortcode che inizia così “[rev_slider…” è quello da cui devi copiare contenuto.

Revolution-slider-recupero-of-shortcode

Tutto quello che devi fare ora è aggiungere lo shortcode in un articolo o una pagina a tua scelta.

Utilizzando il pulsante di scorrimento Aggiungi sull'editor visivo

Se non si desidera tornare alla pagina di configurazione del dispositivo di scorrimento ogni volta, è possibile utilizzare il pulsante aggiunto dal dispositivo di scorrimento di rivoluzione nell'editor visivo.

add-a-slider-wordpress dimostrativi

Cliccandoci sopra si aprirà una nuova finestra in cui è possibile scegliere il dispositivo di scorrimento che si desidera aggiungere alla pagina.

add-a-slider-ha-un-pagina-wordpress

Selezionando un dispositivo di scorrimento, è possibile modificare in particolare l'ordine delle diapositive. Questa modifica sarà effettiva solo con lo shortcode personalizzato che verrà generato. Per modificare l'ordine delle diapositive, fai clic su " Modificare rapida Slider ". Accederai all'elenco delle diapositive, che puoi riorganizzare per " Drag and Drop '.

drag-and-drop-rivoluzione-cursore

Una volta fatto, noterai un shortcode aggiunto all'editor visivo.

shortcode-rivoluzione-cursore

Tutto quello che devi fare ora è visualizzare in anteprima il tuo articolo. Questo è tutto, ora hai le basi per creare uno slider su WordPress.

Alcuni consigli sull'uso avanzato di Revolution Slider

Ora che sai come usare Revolution Slider, te ne darò alcuni Trucchi che ti aiuterà a essere più produttivo nell'utilizzo di questo plugin.

Utilizzare le scorciatoie da tastiera

Revolution Slider vuole essere un editor di presentazioni completo. Di conseguenza, ti consente di utilizzare alcune scorciatoie da tastiera che ti permetteranno di lavorare più velocemente.

  • CTRL + S : per salvare il tuo lavoro
  • Frecce direzionali : per spostare un oggetto sul palco
  • Maiusc + Frecce direzionali : consente di spostare gli oggetti più velocemente
  • Maiusc + Ridimensiona : esegue il ridimensionamento proporzionale
  • Fare doppio clic : apre la modifica di un elemento

Padroneggia gli strumenti dell'editor di diapositive

La diapositiva offre strumenti che ti permetteranno di spostare facilmente i tuoi elementi. Abbiamo già parlato di una griglia, ma puoi anche usare il pulsante di allineamento proposto da Revolution Slider.

allineamento-di-elementi-giri-cursore

Questi pulsanti di allineamento consentono di posizionare l'elemento, per la prima riga da sinistra a destra, all'estremità sinistra dello stage, al centro dello stage e all'estrema destra dello stage. Per la seconda linea, nella parte alta del palcoscenico, nel mezzo del palco e alla base del palco. Usando questi pulsanti correttamente, puoi centrare facilmente gli elementi in due clic.

Elemento centro-rivoluzione-cursore

Usa lo strumento di navigazione tra gli elementi di una scena

Per trovare facilmente gli elementi disponibili in una scena, puoi utilizzare " time line O l'esploratore elementale di una scena. Quest'ultimo è al vertice dell'editor di scena.

esploratore-in-slide-rivoluzione-cursore

Cliccando sulla lista explorer, sarai in grado di eseguire varie operazioni sugli elementi, tra cui:

  • Modifica un elemento: icona della matita
  • Ridimensiona le proporzioni dell'elemento: icona con frecce direzionali
  • Elimina elemento: icona del cestino
  • Elemento duplicato: icona doppia pagina
  • Nascondere un elemento: icona dell'occhio
  • Blocca un oggetto: icona del lucchetto

Se presti un po 'di attenzione a questa stessa area, noterai i pulsanti di test di estensibilità del dispositivo di scorrimento, questo ti permetterà di visualizzare in anteprima la visualizzazione del dispositivo di scorrimento sui dispositivi mobili.

fashion-rivoluzione-responsive-cursore

Questo è tutto per questo tutorial. Ora sei armato per creare un fantastico cursore. Se avete domande, non esitate a porle.