Vuoi aggiungere uno zoom di ingrandimento simile a quello di Amazon sulle immagini di WordPress?
Le immagini ingrandite consentono agli utenti di vedere dettagli che non vedranno in un'immagine a grandezza naturale. In questo tutorial, ti mostreremo come aggiungere facilmente uno zoom di ingrandimento alle immagini in 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.
Aggiungi lo zoom ingrandente alle immagini di WordPress
La prima cosa da fare è installare e attivare il plugin Zoom immagine WP. Per maggiori dettagli, consulta la nostra guida passo passo a modo per installare un plugin per WordPress.
Dopo l'attivazione, è necessario visitare la pagina Zoom immagine WP nella tua dashboard. Da qui puoi gestire le impostazioni di zoom delle tue immagini.
Nella scheda Impostazioni generali, puoi abilitare funzionalitĂ come lo zoom su immagini dei prodotti WooCommerce, miniature, dispositivi mobili, pagine degli allegati, pagine delle categorie, ecc.
Ti consente anche di eliminare il visualizzatore, in modo che gli utenti possano ingrandire le immagini senza problemi.
Se non rimuovi il visualizzatore di immagini, puoi scorrere verso il basso per altre impostazioni, come abilitare lo zoom in un visualizzatore.
Nota: Puoi vedere i visualizzatori supportati per assicurarti che lo zoom funzioni correttamente in un visualizzatore.
Una volta terminata la regolazione delle impostazioni in questa pagina, non dimenticare di fare clic sul pulsante Salva modifiche.
Quindi devi visitare la scheda Impostazioni Zoon. Ha 4 semplici passaggi per aggiungere uno zoom ingrandente per le tue immagini.
Scopri anche il Plugin 10 WordPress di WooCommerce per personalizzare visivamente i tuoi prodotti
Prima di tutto, devi selezionare la forma dell'obiettivo per ingrandire le immagini. Puoi scegliere tra le forme della finestra circolare, quadrata e zoom.
Dopo aver scelto l'obiettivo, vai al passaggio successivo e visualizza in anteprima un'immagine con l'obiettivo selezionato per vedere come funziona. Il plugin ha un'anteprima che puoi usare per testare le tue modifiche.
Impara pure Come controllare lo stock del tuo negozio online WooCommerce
Puoi tornare indietro e visualizzare in anteprima questa immagine dopo aver apportato modifiche alla configurazione di seguito.
Scopri anche il nostro Plugin 10 WordPress per ottimizzare lo zoom sulle immagini del tuo sito web
Nel passaggio successivo, è possibile selezionare il tipo di cursore, impostare l'effetto di accelerazione dell'animazione, attivare lo zoom al passaggio del mouse o clic del mouse e impostare un livello di zoom. Alcune di queste funzionalità sono disponibili solo per la versione pro del plugin.
Ora puoi andare alla scheda lente per parametri quali dimensione dell'obiettivo, colore dell'obiettivo, opzioni del bordo dell'obiettivo e altro. Queste impostazioni hanno effetto solo se hai selezionato l'obiettivo circolare o quadrato abilitato al passaggio 1.
Quindi puoi visitare la scheda di configurazione del file Finestra dello zoom . Questa scheda è abilitata solo se hai selezionato l'opzione " lente« Finestra dello zoom attivato al passaggio 1.
Da qui puoi modificare la larghezza e l'altezza della finestra di zoom, il posizionamento, la distanza dall'immagine principale, i bordi, ecc.
Infine, puoi aggiungere testo personalizzato all'immagine e scegliere la dimensione, il colore e l'allineamento del testo.
Non dimenticare di fare clic sul pulsante Salva modifiche per salvare le tue impostazioni. Puoi sempre guardare l'anteprima per vedere come funzionerĂ la lente di ingrandimento sulle immagini del tuo blog con queste impostazioni.
Le impostazioni sopra ti consentono di ingrandire le immagini dei tuoi prodotti WooCommerce.
consultare Come convincere un cliente e vendere prodotti su Internet e migliorare le tue vendite
Per attivare lo zoom delle immagini su pubblicazioni e pagine WordPress, è necessario seguire i passaggi seguenti.
Abilitazione dello zoom ingrandente sulle immagini di pubblicazioni e pagine
Per impostazione predefinita, l'ingrandimento dello zoom non è abilitato sulle immagini dei tuoi post e pagine. Devi farlo manualmente dopo aver aggiunto un'immagine al tuo contenuto.
Rendi popolare il tuo blog scoprendolo Come aggiungere pulsanti di condivisione su WordPress
Dopo aver aggiunto l'immagine al tuo post o alla tua pagina, fai clic su di essa per selezionarla, quindi fai clic sull'icona ingrandita nella barra degli strumenti. Questa icona applica le impostazioni di zoom all'immagine.
Quindi vai al post per vedere la funzione di zoom ingrandito abilitata per l'immagine selezionata. Ăˆ necessario ripetere questo passaggio ogni volta che si desidera aggiungere l'effetto zoom a un'immagine.
Si consiglia di utilizzare immagini di alta qualitĂ affinchĂ© la funzione di zoom sia perfetta. Le immagini di alta qualitĂ hanno generalmente dimensioni del file maggiori e richiedono piĂ¹ tempo per il caricamento, il che influirĂ sulla velocitĂ e sulle prestazioni del tuo sito web. Per risolvere questo problema, devi ottimizzare le tue immagini per il web prima di caricarle su WordPress.
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. Sabai Discuti plugin per WordPress
Sabai Discuti è a WordPress Plugin che ti consente di impostare un sistema di domande e risposte sul tuo blog o sito web.
Consente agli utenti di porre e rispondere a domande tra loro; come fare Stack Overflow o YAhoo risposte.
Sabai Discuss è lo strumento perfetto non solo per progettare un sito Web di domande e risposte della comunità , ma anche per creare un forum di discussione, una base di conoscenza o persino un portale di supporto su WordPress.
Download | Demo | Web hosting
2. legalizzare
Legalizzare è un WordPress Plugin che ti consente di aggiungere facilmente una politica sulla privacy e termini di servizio al tuo blog o sito Web.
Ed ecco qua! Hai la tua politica sulla privacy e i termini di utilizzo. Le pagine generate da questo WordPress Plugin sono completamente configurabili. Puoi anche integrare shortcodes nel tuo sito web, per aggiungere facilmente link alle pagine appena generate.
Inoltre, quando cambi il tuo sito web, puoi aggiornare le tue risposte nel questionario e ripubblicare i nuovi termini. Il plugin è completamente riutilizzabile e riconfigurabile.
Download | Demo | Web hosting
3. CSV e XML Import
CSV and XML Import è un plug-in di WordPress che ti consente di creare e aggiornare il tuo sito Web in modo rapido e semplice, consentendogli di importare dati da file in formati CSV o XML.
Questo plug-in consente di importare / esportare file di grandi dimensioni senza la necessitĂ di modificare il file php.ini. PuĂ² importare post, pagine, tipi di post personalizzati, campi personalizzati caricati, commenti, categorie, utenti, immagini, media e altre opzioni su WordPress.
Inoltre, l'importazione CSV e XML funziona perfettamente con qualsiasi tema o plugin di WordPress e, inoltre, lo è plurilingue.
Download | Demo | Web hosting
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- Come creare un blog multi-autore e consentire ai lettori di pubblicare articoli sul tuo blog
- Come presentare e condividere PDF su WordPress?
- Come risolvere l'errore di connettivitĂ su WordPress
- Come mettere il tuo sito Web WordPress in modalitĂ Manutenzione
Conclusione
Ecco ! Questo è tutto per questo tutorial. Speriamo che ti abbia aiutato a imparare come aggiungere lo zoom ingrandimento alle immagini in WordPress. 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.
Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.
...