------------------------------------------------------
|   Carte Interactive des Coopératives Funéraires    |
|   Auteur: Taketik                                  |
------------------------------------------------------

-- Prérequis --
Pour que l'extension fonctionne, il faut que
"curl", une extension par défaut de PHP soit activée (en cas de doutes vous pouvez interroger le développeur de votre site, mais en toute rigueur cette extension est activée par défaut.)

1. Installation du plugin

Dans l'espace admin de Wordpress :

"Extensions" > "Ajouter" > Bouton : "Téléverser une extension" (à côté du titre "ajouter des extensions")
Cliquez sur "Choisir un fichier" >Sélectionnez le fichier "interactive-map-plugin.zip> "Ouvrir" > "Installer maintenant"

Il ne faut pas décompresser le fichier Zip : il faut le télécharger en format Zip.
Un message confirmant que le fichier est bien Téléchargé apparait après quelques seconde et vous propose d'activer le plug in.
Cliquez sur "Activer maintenant".

Ou bien
Si vous n'avez pas vu le message de confirmation,
Rendez-vous dans le menu Wordpress :

Sélectionnez "Extensions" > "Extensions Installées"
Recherchez "Carte Interactive des Coopératives Funéraires" parmi la liste des extensions installées.
Cliquez sur "Activer".
Le plugin doit apparaît alors en bleu.

2. Intégration de la carte.

Intégrez  dans votre page à l'endroit désiré le shortcode
[interactive-map]
La carte apparaitra à cet endroit précis.

3. Customisation

Le plugin laisse passer des arguments pour modifier la carte et pouvoir l'adapter.
Pour ça il suffit de respecter une syntaxe précise.
Voici un exemple avec toutes les configurations par défaut :
[interactive-map width=60 min-width=300 map-color=#808080 pin-color=white]
Il faut donc respecter ce schéma: {variable*}={valeur}
Puis séparer chaque groupement d'un espace.
La variable étant l'argument à modifer

Width:
Vous pouvez indiquez le pourcentage de largeur que la carte doit occuper.
Vous pouvez ajuster la taille de la carte en fonction de l'espace disponible tout en conservant les proportions.

min-width:
Représente la largeur minimale de la carte en pixels.
Cette variable garantit une valeur minimale pour éviter qu'elle ne devienne trop petite.

map-color:
Vous pouvez ici, modifier la couleur de la carte.
La valeur peut être soit un mot de couleur en anglais, soit une valeur hexadécimale (par exemple, "#808080" est une valeur hexadécimale).

pin-color:
Les repères sur la carte ont une couleur définie ici.
La valeur d'entrée est identique à celle de map-color.

---------------------------------

D'autres configurations sont disponibles pour gérer la position du pop up qui apparait lorsque l'on clique sur la carte :

Version desktop, le menu est a droite (valeur par défaut) : menu-left=100 menu-translate=0
Pour avoir une version desktop similaire a la version mobile: menu-left=50 menu-translate=-40