Vorresti creare un'immagine interattiva per il tuo blog WordPress ?
Un'immagine interattiva consente di evidenziare, collegare e animare determinate aree dell'immagine.
In questo tutorial, ti mostreremo come creare immagini interattive su WordPress.
Ma prima, se non hai mai installato WordPress, scopri Come installare un blog WordPress in 7 passaggi et Come trovare, installare e attivare un tema WordPress sul tuo blog
Quindi torniamo al perché siamo qui.
Cos'è un'immagine interattiva?
Un'immagine interattiva include aree di punti di accesso, evidenziazioni, collegamenti, colori, ecc.
Rendi il tuo blog più fluido ed efficiente provandoli 6 Plugin di compressione delle immagini WordPress per il tuo blog
È diverso da una semplice immagine che carichi su WordPress. Le immagini interattive sono accattivanti e attirano l'attenzione degli utenti. È possibile aggiungere una descrizione a diverse parti di un'immagine, aggiungere collegamenti a pagine, evidenziare sezioni e altro.
In questa immagine, puoi vedere la descrizione dei frutti accanto al mouse sopra le diverse barre. Puoi utilizzare queste immagini interattive per aumentare il coinvolgimento degli utenti e il tempo del sito web.
Scopri Come utilizzare FOMO su WordPress per conversioni migliori
Diamo un'occhiata a come attirare l'attenzione dei tuoi visitatori con immagini interattive.
Come creare immagini interattive su WordPress
La prima cosa da fare è installare e attivare il plugin Attira l'attenzione. Per maggiori dettagli, consulta la nostra guida passo passo a modo per installare un plugin per WordPress.
Dopo l'attivazione, vedrai un nuovo tipo di post personalizzato sulla dashboard di WordPress. Devi andare a Attira l'attenzione »Aggiungi nuovo per creare un'immagine interattiva.
Inizia aggiungendo un titolo per questa nuova immagine interattiva in modo da poterla ricordare facilmente. In questa pagina puoi creare un design interattivo su immagini nuove o già caricate. Puoi aggiungere una nuova immagine facendo clic sull'icona di caricamento dell'immagine oppure puoi selezionare un'immagine dalla libreria multimediale di WordPress.
Vai oltre scoprendoli Plugin WordPress 9 premium per ottimizzare la tua libreria multimediale
Quindi devi fare clic sul pulsante pubblicare .
Dopo la pubblicazione, il plug-in consente di modificare l'immagine ed evidenziare aree specifiche, aggiungere colori, collegamenti, disegnare aree hotspot e altro. Puoi scorrere fino alla sezione Zone hotspot ed espandere l'area selezionabile per visualizzare l'anteprima dell'immagine.
Basta spostare il mouse e disegnare aree cliccabili sull'immagine. È possibile selezionare facilmente le aree dei punti di accesso ed espanderle per creare una selezione.
Dopo aver disegnato l'area dell'hotspot, è necessario scorrere verso il basso Action e selezionare un'azione per l'area selezionata sull'immagine. Se scegli Mostra più informazioni, puoi semplicemente aggiungere una descrizione per spiegare l'area del punto di accesso sull'immagine. Puoi anche aggiungere un link nell'area selezionata utilizzando l'opzione " Vai all'URL".
imparare Come fare il backup e ripristinare il tuo blog con Snapshot Pro
Puoi anche gestire le impostazioni generali e lo stile di evidenziazione per il collegamento all'azione, il testo dell'azione, lo sfondo e altro. Queste impostazioni possono aiutarti a rendere la tua immagine più interattiva.
Quindi devi fare clic sul pulsante Aggiornamento e copia il file shortcode per aggiungerlo al tuo articolo o pagina WordPress.
Il plug-in ti consente di creare tutte le immagini interattive che desideri utilizzando le immagini precedentemente caricate o nuove.
Importa ed esporta immagini interattive
Se lavori su più siti Web e desideri importare / esportare immagini interattive, il plug-in Disegna Attenzione deve essere installato su entrambi i siti Web.
Sul primo sito Web, è necessario visitare Attirare l'attenzione »Importa / Esporta e seleziona le immagini che desideri esportare. Quindi fare clic sul pulsante Genera il codice di esportazione e copia il codice.
Successivamente, devi andare sul secondo sito Web e assicurarti di aver attivato il plug-in Disegna Attenzione. Quindi devi andare a Attirare l'attenzione »Importa / Esporta sulla dashboard e incolla il codice nel campo di importazione.
Vai avanti e fai clic sul pulsante importazione e le tue immagini verranno importate.
Scopri anche alcuni plugin WordPress premium
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.
Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.
1. Opt-In Content Locker
Blocco contenuti con attivazione è a WordPress Plugin, che ti consente di bloccare contenuti importanti sul tuo blog e mostrarli solo agli iscritti.
Tutto quello che devi fare è racchiudere il contenuto bloccato con gli shortcode [optinlocker]… [/ optinlocker]. Se le persone vogliono visualizzare questo contenuto, devono inviare il loro nome / email. Dopo l'invio, tutto il contenuto bloccato diventerà visibile.
Le sue caratteristiche principali sono: uno strumento msicuro e protetto, il vbloccando contenuti importanti, ilupport di MailChimp, AWeber, GetResponse, iContact, Campaign Monitor, Mad Mimi, Benchmark, Sendy e MyMail, supporto per codici brevi, export dei dati in formato CSV, possibilità di essere tradotti in più lingue, ffacile da installare, un eeccellente supporto clienti, egli altri
Download | Demo | Web hosting
2. Fare clic su Chat WhatsApp
Le WordPress Plugin Fare clic su WhatsApp Chat consente ai clienti di WordPress di connettersi facilmente con il proprietario del sito Web o con l'assistenza clienti utilizzando il proprio account WhatsApp.
Basta un clic sull'account WhatsApp e verrà indirizzato direttamente all'account WhatsApp mobile con un messaggio predefinito. E se il client è su desktop o laptop, verrà reindirizzato a WhatsApp Web.
Questo plugin richiede il numero di WhatsApp, l'ora e il giorno, che il proprietario del sito web o il team di supporto utilizzerà per discutere. Il pulsante chat può essere aggiunto nella pagina dei dettagli del prodotto WooCommerce, che è direttamente correlata a quel prodotto.
Download | Demo | Web hosting
3. Era utile?
È stato utile è un WordPress Plugin utilizzato per promuovere i commenti dei tuoi lettori. È bene sottolineare che se un commento positivo ti motiva a fare meglio, un commento negativo invece ti aiuta a trovare le lacune e a migliorare il tuo blog; rendendolo più utile agli altri visitatori.
Questo plugin è unico perché chiede ai visitatori di rispondere alla domanda sul perché non trovano utile un post quando fanno clic sull'opzione "NO". Allo stesso modo, chiede ai visitatori cosa gli piace di più quando fanno clic sull'opzione "SÌ".
Inoltre puoi andare alla pagina / listato articoli dove vedrai una sezione Sì / No, che ti permette di vedere velocemente le statistiche, per avere finalmente una panoramica completa sulla qualità dei tuoi articoli e delle tue pagine.
Download | Demo | Web hosting
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- Un blog ... che cos'è? Definizione e spiegazione
- Come aggiungere un effetto di parallasse su qualsiasi tema WordPress
- Come visualizzare le pubblicazioni di WordPress in un layout di griglia
- Come aggiungere un negozio WooCommerce su Facebook
Conclusione
Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di creare immagini interattive. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.
E se hai suggerimenti o osservazioni, lasciali nella nostra sezione commentaires.
...
