Come creare facilmente uno slider reattivo per WordPress con Soliloquy

Come creare facilmente uno slider reattivo per WordPress con Soliloquy / Plugin di WordPress

I cursori sono comunemente usati nella prima pagina di siti Web aziendali o di portfolio. Ci sono centinaia di plugin per i plugin di WordPress, ognuno con le sue caratteristiche. Tuttavia, abbiamo sentito dai nostri utenti che la maggior parte dei plug-in di slider è troppo complicata per loro. In questo articolo ti mostreremo come aggiungere facilmente un cursore WordPress sul tuo sito con Soliloquy. L'obiettivo qui è quello di trovare il miglior plug-in di WordPress che sia facile da usare, funzioni con tutti i temi ed è reattivo, il che significa che si adatta a tutti gli schermi (smartphone, desktop e tablet).

Perché usare Soliloquio come slider WordPress?

Soliloquy è un robusto plug-in reattivo di WordPress ricco di funzionalità ed è abbastanza facile da gestire. Ecco alcune delle cose che ci piacciono su Soliloquy rispetto ad altri plugin:

  • Soliloquy aderisce agli standard di codifica di WordPress e alle migliori pratiche.
  • Utilizza un tipo di messaggio personalizzato per gestire gli slider, facilitando l'importazione / esportazione dei cursori con qualsiasi soluzione di WordPress Backup.
  • È pronto per la traduzione al 100% ed è perfetto per il pubblico internazionale.
  • È SEO friendly. Puoi aggiungere metadati, titoli, alt text e didascalie a ogni diapositiva.
  • L'ordinamento delle diapositive con trascinamento della selezione Ajax lo rende molto facile da usare.
  • Slider reattivo WordPress con supporto touch-touch per dispositivi abilitati al tocco come smartphone e tablet.
  • Compatibile con gli sviluppatori con un'ottima documentazione e oltre 50 ganci e filtri. Puoi facilmente etichettarlo in bianco se necessario.

Oltre a tutte le funzionalità, Soliloquy è abbastanza accessibile rispetto ad altri plugin di scorrimento. L'opzione di base è solo $ 19. Gli utenti WPBeginner ottengono uno sconto esclusivo del 25% utilizzando il coupon Soliloquy che rende l'affare ancora migliore. Usa il codice: WPBEGINNER.

Video Tutorial

Iscriviti a WPBeginner

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

Creazione di un cursore WordPress con Soliloquio

La prima cosa che devi fare è acquistare Soliloquy. Una volta che hai Soliloquio, devi installarlo e attivarlo (vedi come installare un plugin per WordPress). All'attivazione, il plugin aggiungerà un nuovo menu Soliloquio nel tuo amministratore di WordPress. Cliccando su di esso ti porterà alla pagina di elenco dei cursori che sarà vuota perché non hai ancora creato alcun dispositivo di scorrimento. Per aggiungere un nuovo cursore, fare clic su Soliloquio »Aggiungi nuovo.

Vuoi iniziare aggiungendo il titolo del tuo dispositivo di scorrimento. Quindi fai clic su Carica le diapositive pulsante. Apparirà un popup, molto simile a quello predefinito per l'uploader di WordPress. Puoi caricare immagini per la tua diapositiva, scegliere immagini dalla libreria multimediale, aggiungere diapositive video aggiungendo URL di video YouTube o Vimeo o creare una diapositiva HTML.

Per aggiungere un video come diapositiva, devi caricare il tuo video su YouTube o Vimeo (leggi perché non dovresti mai caricare un video su WordPress). Una volta ottenuto l'URL del video, è sufficiente incollarlo e Soliloquy si prenderà cura di tutto il resto.

Per quanto riguarda le diapositive HTML, è necessario incollare il codice HTML. Questo html potrebbe essere qualsiasi cosa tu voglia. Un esempio potrebbe essere l'aggiunta di un modulo di iscrizione tramite e-mail per la newsletter o un pulsante di invito all'azione.

In questo articolo, ti mostreremo come creare un dispositivo di scorrimento delle immagini in WordPress. Clicca sul Seleziona i file per caricare le immagini delle diapositive dal tuo computer.

Una volta selezionate le diapositive di immagini, queste verranno caricate nel tuo catalogo multimediale. Clicca su Inserisci diapositive pulsante per aggiungere queste diapositive al tuo cursore. Dopo aver inserito le tue diapositive, puoi configurare altre opzioni sull'aggiunta di una nuova pagina di scorrimento. Mentre è possibile regolare la dimensione del cursore di default, l'abilità reattiva consente di adattarsi automaticamente agli schermi più piccoli. Le dimensioni predefinite sono il punto relativo mentre il cursore si adatta a diversi dispositivi.

Tra le altre opzioni puoi scegliere la velocità del cursore, l'effetto animazione della diapositiva, l'effetto di transizione, ecc. Una volta che sei soddisfatto delle impostazioni, fai clic sul pulsante di pubblicazione per salvare il cursore e renderlo disponibile pubblicamente.

Aggiunta di un cursore WordPress in Post / Pagina

Ora che hai creato il tuo cursore, il prossimo passo è inserire quel cursore in un post o in una pagina. Aprire l'editor dei post, selezionare la posizione in cui si desidera aggiungere il cursore e fare clic su Aggiungi cursore pulsante accanto al media uploader.

Vedrai le caselle per ogni cursore che hai creato. Scegli il cursore che vuoi inserire e poi clicca Inserisci cursore pulsante.

Questo aggiungerà uno shortcode a scorrimento nel tuo post. Ora puoi salvare o visualizzare in anteprima il tuo post e vedere il dispositivo di scorrimento in azione.

Modifica e aggiornamento di un cursore WordPress con Soliloquy

La cosa grandiosa della creazione di uno slider WordPress con Soliloquio è che puoi modificare il cursore in qualsiasi momento desiderato senza modificare il post o la pagina in cui hai inserito il cursore. Basta fare clic sull'icona Soliloquy nella barra laterale di amministrazione e quindi fare clic su Modifica collegamento sotto il dispositivo di scorrimento che si desidera aggiornare.

Ora consente di modificare il cursore che abbiamo creato sopra. Ricorda che ti abbiamo detto che gli slider creati con Soliloquy sono SEO friendly. Puoi aggiungere meta descrizioni, titolo, URL e didascalie alle tue diapositive individuali. Fai clic sul pulsante modifica accanto a una singola diapositiva nel cursore.

Si aprirà un pop-up in cui è possibile inserire il titolo dell'immagine, alt text, collegare la diapositiva a un URL e inserire una didascalia. Puoi anche utilizzare l'HTML nella didascalia nel caso in cui desideri aggiungere un modulo di iscrizione alla newsletter. Dopo aver inserito le meta informazioni per la diapositiva, fai clic sul pulsante Salva diapositiva.

Le tue modifiche si rifletteranno automaticamente nel cursore ovunque sia incorporato nel tuo sito.

Aggiunta di Soliloquy Slider WordPress in Modelli e Widget

Soliloquy viene fornito con un widget che puoi utilizzare per aggiungere un dispositivo di scorrimento a qualsiasi area di widget sul tuo sito web. Vai a Aspetto »Widget e trascina il widget Soliloquy nella barra laterale. Vedrai l'elenco di diapositive che hai creato. Scegli quello che vuoi inserire e salva il widget. Poiché i cursori creati con Soliloquy sono reattivi, si regolano automaticamente per adattarsi alla larghezza della barra laterale.

Ogni cursore Soliloquy ha il suo unico shortcode e una sua funzione. È possibile utilizzare questa funzione per aggiungere il cursore ovunque nei file modello del tema. Per ottenere il codice funzione, fare clic sull'icona Soliloquio nel proprio amministratore di WordPress. Questo mostrerà l'elenco dei cursori che hai creato insieme allo shortcode e alla funzione accanto al titolo del cursore. Copia e incolla il codice funzione di conseguenza.

Pensieri finali

Soliloquy è uno dei migliori plugin per i cursori di WordPress che abbiamo visto sul mercato. Fidati di noi, ne abbiamo provati molti. Dopo aver utilizzato ampiamente Soliloquy, siamo davvero impressionati dalla sua velocità e potenza.

La maggior parte dei plug-in dei dispositivi di scorrimento sono pieni di codice e sono scarsamente documentati. Soliloquy è leggero e veloce. È costruito per utenti e sviluppatori. Hanno fatto un ottimo lavoro per seguire tutti gli standard di WordPress rendendo il dispositivo di scorrimento estremamente facile da usare per i principianti. La loro documentazione del codice semplifica la possibilità per gli altri sviluppatori di personalizzare ed estendere le funzionalità in base alle esigenze.

Possiamo facilmente dire che Soliloquy è ora diventato la nostra scelta numero 1 per un plug-in di slider WordPress.

Speriamo che questo articolo ti abbia aiutato ad aggiungere un cursore nel tuo sito WordPress. Per feedback e domande si prega di lasciare un commento qui sotto. Inoltre, non dimenticare di seguirci su Twitter @wpbeginner.