Il fonctionne avec SPIP et Escal.
La rédaction se fait en local (c’est à dire sur un serveur installé sur mon PC) en hors-ligne.
Quand j’ai fini, je l’exporte en html que j’envoie en ligne en ftp comme dans l’ancien temps...
La technique utilisée est décrite là : Rédiger un site en hors-ligne avec SPIP et WinHTTrack
C’est tellement évident pour les concepteurs, qu’il faut chercher un peu pour activer la fonction.
Les CMS, parfois c’est plus dur à prendre en main que d’écrire du code... d’autant plus qu’on finit par y retourner quand ça veut pas. Et là, dans la bête, va trouver les lignes à changer.
C’est ballot, j’aurais bien utilisé notre service national le Geoportail à la place, mais il faut rédiger son code (pas le temps), et y inclure en dur les url des fichiers kml (ce qui s’intègre mal avec un CMS).
Il y a bien un générateur de code là http://actu-loisirs.ign.fr/gilles/w... (le leur ne marche pas encore).
Facile, tout est hébergé chez google (et dépend de leur bon vouloir)
Cliquer sur la petite icône lien o-o —> "Personnaliser et prévisualiser la carte intégrée"
Voilà : une fenêtre avec un code à insérer dans SPIP entre deux balises <html>là</html>
Problème : certaines images du site apparaissent dans une taille ridiculement grande (ex : Dans le résumé des derniers articles à la une, normalement réduites à 150 pixels dans inc-une_derniers.html), ou, à l’activation du portifolio, les images sont remplacées par une icône d’image...
Soluce : Configuration —> Fonctions avancées —> Génération de miniatures des images —> "cocher Générer automatiquement les miniatures des images"...
Lire ceci au passage sur les codes http://grand-angle.iguane.org/spip....
Dans inc-article.html
, se trouve deux fois (#TEXTE|image_reduire{400})
. Ça réduit à 400 px la taille de mes images même en embded ! Je peux encore les réduire en local si j’en ai envie !
=> À remplacer par (#TEXTE)
pour retrouver le comportement normal de SPIP et afficher les images en pleine résolution.
<html>
<style>
.bottom-three {
margin-bottom: 1cm;
}
</style>
<p class="bottom-three">
<br>
</p>
</html>