Page 1 sur 1

Insertion d'un lien dans un dessin svg

Publié : 02 avr. 2021, 10:11
par Olilovis
Bonjour

J'aimerais insérer des liens sur un dessin svg et le publier dans woldpress. J'ai donc mis une adresse dans "Herf" sous "attributs de l'objet". (L'objet choisi est le carré dans mon dessin, juste pour l'essai..). J'ai aussi dans "propriétés de l'objet" inséré "style.opacity = 0.5;" dans " onmouseover". si je clic droit sur le carré le lien fonctionne...
Quand je publie le dessin dans wordpress rien ne se passe... (http://domoniak.ch/essai-carte/)
Comment faire pour que le lien soit actif dans wordpress?

Merci!

Re: Insertion d'un lien dans un dessin svg

Publié : 02 avr. 2021, 19:28
par imppao
Bonjour Olilovis,

est-ce que tu arrives à mettre un image .svg sur ton wordpress ?
en principe : ce type de fichier n’est pas permis pour des raisons de sécurité.

Il faut installer et activer le plugin SVG Support .
voici un site qui explique comment faire :
https://wpcours.com/wp-tutoriels/ajoute ... wordpress/

autrement voici un petit tuto pour faire un lien :
https://odysee.com/@imppao:2/Tuto-inksc ... -et-pdf):5

A+
Imppao

Re: Insertion d'un lien dans un dessin svg

Publié : 03 avr. 2021, 09:49
par ale
bonjour oli,

ce que tu veux faire est intéressant.

j'ai vu peu de sites avec beacoup de svg.
le mieux réussi étant probablement https://labelsuisse.ch .
qui est aussi fait avec wordpress...
il y a donc de l'espoir : - )

mais, pour ce que je peux voir d'ici la grande différence c'est que l'autre site a les svg dans les templates et pas dans le contenu.
je te laisse tester (et puis nous raconter les résultats : - ) le plugin mentionné par imppao.
peut-être que c'est la solution pour toi.

ce qui me semble certain (basé sur ce que j'ai lu et ce que j'ai essayé avec des fichiers html) c'est que si tu utilises un tag <img> tu ne pourras pas avoir un lien: le svg est présenté comme une image unique.

j'ai essayé avec un tag <object>. le résultat est déjà bien meilleur: tu peux cliquer sur le carré noir.
mais, ensuite, la page de ton site est chargée dans l'objet et pas dans la page.
peut-être il y a façon de faire charger la page correctement. je n'ai pas essayé.

la solution idéale c'est probablement d'ajouter le svg comme tags dans le html. mais je crains que ce n'est possible que si tu insères le svg direcemten dans le template... ou si t'as façon d'ajouter des svg comme éléments visuels dans tes articles. (là aussi, il faudra aller lire l'article posté par immpao).

enfin, il y a un petit problème avec ton svg: il te faudrait recadrer le contenu dans le document... autrement, l'<object> ne va pas te montrer toute l'image.

voilà, enfin, si tu ne connais pas, mdn (mozilla development network) documente tout ce qui est lié au web d'une façon claire et (presque toujours) correcte. pour les svg il y a par exemple https://developer.mozilla.org/en-US/doc ... to_the_Web .

ciao
a.l.e

Re: Insertion d'un lien dans un dessin svg

Publié : 09 avr. 2021, 17:49
par Olilovis
Bonjour,

Merci beaucoup pour vos conseils.
Tout d'abord je vous prie de m'excuser de ne pas avoir répondu plus vite mais j'ai eu des problèmes pour me connecter au forum (ça vous donne mon niveau en info... :roll: )
Je pense que pour moi le plus simple est de générer un pdf à partir d'inkscape. J'ai donc suivi le tuto proposé par Imppao, mais, lorsque je génère le pdf, le lien ne suit pas... je vais continuer de chercher ce qui ne va pas.
J'ai aussi essayé de publier directement le svg sur le site. C'est possible en programmant directement en html mais là le lien ne fonctionne pas non plus. Mais, d'après ce que vous me dites, ça risque de rendre le site vulnérable. Je ne vais pas continuer dans cette direction, car je ne vais pas du tout assurer derrière...
Je vais encore essayer. Merci pour les infos!