Supporto » Varie ed eventuali » Immagine in formato svg interattiva

  • Buonasera,
    ho la necessità di utilizzare un’immagine cliccabile in formato svg; dopo averla realizzata ho creato un articolo e caricato da media library il file svg; purtroppo nell’articolo pubblicato l’immagine non mostra alcune link. Cosa sbaglio?

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)
  • Cosa sbaglio?

    Ciao @piruet ,
    più che cosa sbagli . . . cosa ti manca?
    L’ immagine non mostra link perché non è avvolta dai tag a. Salvo errori qualcosa del genere:
    <a href="link_destinazione"><svg><...></svg></a>
    oppure anche
    <a href="link_destinazione"><img src="link_alla_immagine"></a>
    Se il plugin che usi non mette da solo il link bisognerà aggiungerlo manualmente.
    Un saluto.
    ps Cosa hai usato per creare l’ SVG?

    Chi ha creato la discussione piruet

    (@piruet)

    Ciao Luca, grazie per la risposta. Mi spiego meglio. Ho modificato l’immagine con Inkscape per assegnare alle varie zone dell’immagine stessa link diversi (non è l’immagine in sé a essere collegata a un link ma parti dell’immagine sono collegate a destinazioni differenti). Se apro l’immagine con il browser è perfetta: è responsive e mostra i collegamenti e questi si aprono; idem se creo un semplice HTML e lo visualizzo con il browser. Quando carico l’immagine nella library di WordPress e la utilizzo in un articolo o in una pagina perde queste sue proprietà. Eppure se apro il link indicato nella library funziona…

    Ciao @piruet ,
    il tuo è un problema davvero interessante ma difficilmente riproducibile da me.
    Non so se può essere utile ma WP non utilizza html semplice per rendere le immagini. C’è un grande impiego dell’ attributo srcset e di ogni immagine in libreria vengono fatte diverse copie a varie dimensioni che si visualizzano in relazione al dispositivo (desktop, mobile ecc.).
    Non vorrei che questo processo rendesse la tua immagine raster perdendo così tutti i link interni.
    In effetti l’ impiego di SVG è considerato alternativo proprio all’ uso di srcset.
    https://vecta.io/blog/responsive-images-with-svg-vs-srcset
    Un saluto.

    Chi ha creato la discussione piruet

    (@piruet)

    Grazie, Luca.

Stai visualizzando 4 risposte - dal 1 al 4 (di 4 totali)
  • Il topic ‘Immagine in formato svg interattiva’ è chiuso a nuove risposte.