FreePlane sous WordPress

Comment embarquer une map FreePlane « java » dans une page WordPress

Ceci est une procédure expérimentale, un peu lourde, mais qui marche, en deux temps :

  1. installer en mode ftp un espace html de consultation (browser) de la map choisie
  2. incruster cette map dans l’article WordPress par un bout de code html

______________________________________________

1. pour la première séquence, générer en mode local la carte navigable depuis FreePlane (mode desktop habituel)

  • exemple carte de départ : « ma_carte.mm »
  • menu : fichier / exporter / applet java
  • le résultat comporte un fichier « ma_carte.html » complété par un sous-dossier « ma_carte.html_files » qui contient le navigateur freeplaneviewer.jar, et une copie de la carte systématiquement renommée « map.mm »
  • si la carte initiale contient des images (dans le même dossier que « ma_carte.mm »!!), il faut recopier ces images dans le sous-dossier « ma_carte.html_files »
  • créer en ftp un répertoire spécifique http://mon_site/ma_carte/
  • uploader en ftp dans ce répertoire le fichier « ma_carte.html » et le dossier « ma_carte.html_files » avec ses fichiers
  • pour la commodité de navigation, renommer « ma_carte.html » en « index.html » de manière à l’ouvrir automatiquement (en navigation classique) en accédant à http://mon_site/ma_carte/

2. dans WordPress, éditer en mode admin la page cible, la rédiger le cas échéant ;

  • passer l’éditeur en mode html,
  • insérer à l’endroit voulu pour la carte la séquence suivante :

<applet code= »org.freeplane.main.applet.FreeplaneApplet.class » archive= »http://mon_site/ma_carte/ma_carte.html_files/freeplaneviewer.jar » width= »100% » height= »500px »><param name= »type » value= »application/x-java-applet;version=1.5″/><param name= »scriptable » value= »false »/> <param name= »browsemode_initial_map » value= »http://mon_site/ma_carte/ma_carte.html_files/map.mm »/><param name= »selection_method » value= »selection_method_direct »/><param name= »toolbar » value= »hidden »/></applet>

  • (si vous copiez cette séquence ci-dessus, pensez à corriger les guillemets…)
  • la valeur 500px pour le paramètre « height » est indicative, à ajuster selon vos besoins
  • la largeur width= « 100% » inscrit la map dans la pleine largeur de la page (et non pas du site…) ce qui est généralement nécessaire
  • valider, publier la page ainsi composée
  • et voilà…

Attention : l’affichage est parfois bizarre, c’est un bug de java ; il suffit de fermer le navigateur et de le relancer, de manière à ré-initialiser son plugin java.

3. Voir un exemple :

http://reneamberg.fr/heuristique

Ce contenu a été publié dans Non classé. Vous pouvez le mettre en favoris avec ce permalien.

Laisser un commentaire