Vai al contenuto principale

Come visualizzare una presentazione Slider rivoluzione WordPress

Divi: il tema WordPress più semplice da usare

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. [Consigliato]

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 in questa immagine, l'area in rosso rappresenta tutto lo spazio corrente del tema. La zona in blu rappresenta l'overflow del cursore sul tema. È possibile che la visualizzazione non sia ottimale. Troverai diversi temi WordPress compatibili con Revolution Slider 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.

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]

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 Il campo che contiene uno shortcode che inizia come "[rev_slider ..." è quello il cui contenuto è necessario copiare.

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

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]

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, ti darò alcuni suggerimenti che ti aiuteranno a essere più produttivo nell'uso 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 " bacheca O l'esploratore elementale di una scena. Quest'ultimo è al vertice dell'editor di scena.

esploratore-in-slide-rivoluzione-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]

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.

Questo articolo contiene 1 commento

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
17 azioni
quota10
Tweet1
Enregistrer6