Vai al contenuto principale

Come creare un cursore con effetto di parallasse su 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]

Molti di voi hanno già letto l'espressione " parallasse "E" cursore Nei miei consigli a tema e a volte i plugin. Se non hai ancora consultato il nostro glossario dei termini tecnici per WordPressAllora sarà per voi un esempio concreto del significato di questi.

mg-parallasse-cursore-copertura

Ecco perché oggi ti insegnerò come creare un file cursore parallasse sul tuo blog WordPress, con il plug-in MG Parallax Slider.

Come promemoria, un dispositivo di scorrimento è una funzione che scorre da sinistra a destra o viceversa varie informazioni (immagini, testo, video, audio) all'interno di un quadro definito. L'effetto di parallasse è un'animazione in rilievo, ispirata al paesaggio in movimento. È questo effetto disponibile sui tuoi vari smartphone Android nella home page quando scorri le pagine di quest'ultimo.

Come installare MG Parallasse Slider

La prima cosa da fare è ovviamente installare il file plug-in dal cruscotto. Puoi anche scaricarlo direttamente su WordPress.org. Il vantaggio principale di questo plug-in è che ci sono 2 modi per creare diapositive. Ma prima, faremo le modifiche.

mg-parallasse-cursore

Come configurare MG Parallasse Slider

Per accedere alla pagina delle impostazioni di plug-in, è necessario fare clic sul menu « Opzioni POP '.

enter-the-opzioni

In questa nuova pagina, sul " sfondo », È possibile modificare l'immagine (o texture) sullo sfondo di cursore. Puoi scegliere tra i campioni 18.

POP-Opzioni-gestione-del-sfondi

è possibile (inferiore) modificare le dimensioni dei bordi, superiore, inferiore, sinistro e destro, nonché definire un colore da applicare ad essi.

Con la scheda " Titolo », Hai la possibilità di modificare la tipografia che si applica al titolo di diapositive.

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]

opzioni-on-the-tipografia

La scheda « Contenuti »Consente di eseguire le stesse operazioni della scheda titolo, ma questa volta le opzioni verranno applicate al contenuto.

Per modificare le frecce di navigazione, è necessario accedere al " navigazione le frecce '. In questa scheda puoi impostare il percorso delle immagini (che ti invito a partire così com'è se non sai cosa stai facendo)e il colore di sfondo di questi.

Gestione-di-frecce-di-navigazione

Più in basso abbiamo le opzioni per importare ed esportare le configurazioni.

import-export-MGPS

osservazione : Non ti ho parlato della scheda "Presentazioni" perché ti permette di creare diapositive in un altro modo che spiegherò più avanti.

Come creare un scorrere : prima méthode

Dopo aver installato e attivato il plug-in, nel menu a sinistra della dashboard apparirà un altro elemento denominato "MG Slider". Cliccaci sopra perché ne creeremo uno nuovo cursore. Questo è il primo metodo (con formato di pubblicazione personalizzato o tipo di post personalizzato).

Menu mg slider

Fare clic sul sottomenu « aggiungi Nuovo Per iniziare a creare il file cursore.

Questa nuova pagina è l'interfaccia per la creazione diapositive che è abbastanza simile a pagine e articoli.

Tutti gli elementi che saranno creato in questo modo sarà disponibile in a scorrere unico che verrà visualizzato sui tuoi articoli o pagine aggiungendo il shortcode correspondant [MGPS-cursore-post].

Ogni elemento di un file scorrere può avere un titolo, una descrizione e una foto (un quadro di). Puoi creare tutti gli elementi che desideri.

Ecco come parallasse cursore casa (con alcune modifiche alla trama in background).

demo-parallax-cursore

Io credo che si possa fare meglio di me. Prova !!!

osservazione : l'altro svantaggio di questo metodo è che è impossibile de riordinando diapositive, a meno che non installi il file plug-in « Post Tipo Order » che è altrimenti molto facile da usare.

Come creare un scorrere : secondo metodo

Questo secondo metodo ha il vantaggio che è possibile cambiare l'ordine degli elementi, ma non è possibile sfruttare la piacevole interfaccia del metodo precedente.

Accederemo quindi al " Diapositive "e clic sul pulsante Aggiungi diapositiva '. Cliccandoci sopra, un nuovo elemento (scorrere) sarà aggiunto a cursore. Clicca su ogni diapositive (o elementi) Per:

  • Aggiungi un'immagine facendo clic su « Download »
  • Aggiungi un titolo nel campo Mendatory Settore... »
  • Aggiungi una descrizione nel campo Descrizione Qui »
  • Aggiungi un collegamento a una pagina di tua scelta nel campo " Dare us un link! »

Per rimuovere un scorrere, basta fare clic sul pulsante « Elimina diapositiva Situato in basso a destra di ciascuno scorrere. Per ordinare il diapositive, devi solo fare clic e trascinare l'intestazione di ciascuno scorrere.

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]

Interfaccia-segondaire-di-creazione-di-cursore

Questa volta, è necessario utilizzare il shortcode « [MGPS-cursore] Per visualizzare il cursore sulle tue pagine o articoli, come spiegato invece. Il risultato sarà identico.

secondo cursore-metodo-mg-parallasse-cursore

Questo è tutto per questo tutorial sulla creazione di un file cursore parallasse WordPress. Sentiti libero di condividere l'articolo con i tuoi amici sui social network.

Questo articolo contiene i commenti 0

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
18 azioni
quota14
Tweet3
Enregistrer1