Home

Mode d`emploi - Novo

1. Xe Mode d emploi Novo map est un plugin wordpress qui vous permettra d installer une google map compl tement personnalisable sur une page de votre site web Vous pourrez compl tement personnaliser le look de la carte couleurs textes fronti res aussi loin que l api de google le permet et associer des pins aux posts que vous d sirez voir sur la carte Vous pouvez utiliser vos propres pins images au format png que vous devrez copier dans le dossier novo map images pins pour plus de flexibilit En cliquant sur le pin propre un post une infobox aparaitra avec le titre en lien une image aussi en lien et un texte relatif au post en question Le plugin est aussi compatible avec le markerclusterer qui vite que vous vous retrouviez avec un gros tas de pins illisibles sur votre carte Installation 1 T l chargez le plugin novo map dezippez le et copiez le dossier novo map dans le dossier plugin de wordpress wp content plugins 2 Un nouveau plugin Novo map devrait tre disponible dans le menu des plugins Activez le Novo map To add a custom google map with your posts on it Deactivate Version 1 0 By Luisier Benoit Visit plugin site 3 Rendez vous dans le menu des widgets wordpress Un nouveau widget devrait tre PERTE disponible Map Widget Placez le o vous Google map of articles to be d sirez que la carte apparaisse en reglant la Fu EEE largeur width et la
2. 11 Novo map menu Insert a pin on the map Yes NO Latitude of the point 41 14 Longitude of the point 861 Marker infos default pin green png 38 41 pin green png 38 49 Marker category default empty voyage Test de l ultime de la mega cool google map du si cle ksdjas askjd jks sjkasdiL JKSLA DK Description of the point KSDJAKdijskjDFKJKLFISKK SDFASK dfjkdhh jdfhk sddjfhk jkdf fhksdjfh shfsdj P S Je pense qu terme le contenu de la boxe sera compl tement personnalisable pour plus de flexibilit Pour le moment il ya ces option plus la possibilit de modifier le fichier CSS Si vous avez des questions ou des suggestions n h sitez pas nous contacter contactlat novo monde com 12
3. hauteur height de votre map en pixel par exemple 700px pour la largeur et 500px pour la hauteur Remarquez qu il est aussi possible de r gler la largeur width en par exemple 90 mais la hauteur doit tre en pixel px Vous pouvez aussi selectionner une cat gorie pour afficher seulement certain pins et pas d autres Mais laissez ce champ vide pour le moment Nous en reparlerons par la suite Si vous ne pouvez pas placer le widget o vous le d sirez vous pouvez aussi utiliser le Shortcode suivant novo_map width 700px height 500px category La aussi la largeur width peut tre r gl e en Attention ne pas utiliser le widget et le shortcode sur la m me page 4 Rendez vous dans l administration de votre site wordpress et vous devriez apercevoir un nouvel onglet novo map dans le menu de gauche Cliquez sur ce dernier 5 Vous vous trouvez maintenant dans le menu principal du plugin novo map C est ici que vous pouvez choisir les options g n rales de la map Voici les informations que vous devez donner o Google Map API Key Vous aurez besoin d une cl personnelle une longue succession de chiffre et de lettres pour pouvoir charger votre google map Pour ce faire il vous suffit de suivre les instruction de cette page et de rentrer votre cl personnelle dans l espace d di cet effet vous pourrez aussi voir les stats de votre map grace la google map API Key o Adjus
4. ap center Zoom of the map 2 Add map type control menu Add aslider to zoom Yes LEFT_ CENTER Cu G Yes TOP_RIGHT Novo cMap details A a h CN ne Map type control menu WAHRING E position TOP_RIGHT A Slider to zoom Helen SN N j Q LEFT CENTER en EA 3 m lindertwasserhaus A A I a MuseumsQuartier Wa I Ernst Happel St a al 227 Pin clustering 2 posts proches les A EN uns des autres sont group s NE e Cliguer sur le pin fait un zoom AAP aaro ceio MIA IAMILER automatique sur la zone JF pi ACT IK EE m r 4 ti D 5 o Cluster of pins Dans cette section vous pouvez choisir si vous souhaitez activer ou non le pin clustering c a d le regroupement de plusieurs pins qui sont proches les uns des autres et r gler diff rentes options 1 Turn on pin clustering Vous devez simplement choisir yes oui ou no non Choisissez yes si vous d sirez que les pins qui sont proches l un de l autre soient regroup s 2 Size for the pin clustering Cette valeur contr le la distance partir de laquelle 2 pins seront regroup s Faites des tests pour trouver la valeur qui vous convient default 25 3 Small marker for clustering Lorsque plusieurs pins sont regroupp s un marqueur sp cifique s affiche indiquant le nombre de pins qui ont t regroupp s La taille de ce marqueur est diff rente
5. e number in html default AF ffffff size of the number default 12 17 number position default 3 37 3 3 O Popup boxes Dans cette section vous retrouverez les param tres g n raux sp cifiques aux popup boxes encadr s qui s affichent lorsqu on clique sur un pin 1 Width of the box largeur en pixel de l encadr qui s affiche default 500 2 Position of the box position de l encadr par rapport au pin sur la map Si vous entrez 0 et 0 le coin sup rieur gauche de l encadr sera centr sur le pin default 250 et 150 3 Background image of the box Image utilis e comme couleur de fond pour les encadr s l image se trouve dans novo map images popup Vous pouvez utiliser une image png pour avoir un fond transparent Utilisez si possible une petite image car elle sera appliqu e automatiquement sur tout le fond c a d quelle se r p te en arri re plan default box background png 4 Size of the image Vous pouvez choisir ici la taille de l image qui appara t dans les encadr s Vous devez renseigner la largeur et la hauteur en pixel default 150 et 150 5 Si vous connaissez un peu de CSS vous pouvez aller dans le dossier novo map css et ouvrir le fichier Novo_map _style css En ditant ce fichier vous pourrez controler le style de ce qui apparait dans les popup boxes Mais soyez s r de ce que vous faites Popup boxes Width of the box default 500 500 positi
6. il y a 3 tailles en fonction du nombre de pins regroupp s ce qui rend la lecture de la carte plus vidente Dans cet espace vous devrez renseigner les d tails du petit marker si il ya quelques pins regroupp s seulement Le premier param tre est par d faut cluster marker small png et est le nom de l image png qui se trouve dans novo map images pins Le 2 me param tre est la largeur de l image png en pixels et le 3 me sa hauteur Le 4 me param tre ffffff est la couleur en code html du nombre de pin affich Le 5 me param tre est la taille du nombre affich Le dernier param tre 3 1 est utilis pour centrer le nombre affich sur le marker 4 Medium marker for clustering Se sont exactement les m me param tres que pour Small marker for clustering mais pour le marker utilis si il ya un nombre moyen de pins regroupp s Du coup on utilisera une image pour le marker un peu plus grande avec une taille du texte un peu plus grande aussi 5 Big marker for clustering Toujours la m me logique mais cette fois s il ya un grand nombre de marker regroupp s Cluster of pins Do you want to turn on the pins clustering YES NO Grid size for the pin clustering default 25 25 Small marker for small amount of pins clustered marker name default cluster marker small png cluster marker small png marker width and height in pixel default 32 and 35 32 35 35 color of th
7. n marker name default pin red png pin red png marker width and height in pixel default 37 and jaa 37 41 41 Latitude of the current position 47 322 Longitude of the current position 5 041 Text you want see in the popup box je me trouve en ce moment en France o Code for the style of the map Dans ce grand encadr vous pourrez compl tement personnaliser le style de votre map aussi loin que l API de google le permet Pour ce faire google a mis notre disposition un outil pour vous aider personnaliser votre map sur ce site Sur ce site faites vos tests jusqu ce que le style de votre map vous plaise puis copiez dans le grand encadr le code que vous g n rera l outil Code for the style of the map featureType water stylers color 5a9ac6 featureType administrative country elementType labels text stylers visibility off featureType landscape naturallandcover elementType geometry stylers weight 1 7 hue 00ff5e saturation 42 featureType administrative province elementType geometrystroke stylers weight 1 2 color chb68e featureType landscape natural landcover elementType geometry fill stylers hue ffdd00 saturation 3 gamma 0 8 Save settings NOVO Monde O Save settings N oubliez pas de cliquer sur ce bout
8. on of the Background image for the box default box background png size of the image in the box default 150 and 150 box default 250 and 150 250 150 box background png 150 150 O Add current position Cet onglet sert rajouter un pin qui n est pas associ un de vos post afin d indiquer votre position actuelle Utilisez un pin diff rent des autres afin que votre position soit bien visible 1 Indicate current position Choisissez si oui YES ou non NON vous voulez indiquer votre position actuelle avec un pin diff rent ce n est pas du tout obligatoire C est principalement utile pour les sites sur la th matique du voyage 2 Marker for the cureent position Vous devrez renseigner la nom de l image utilis e pour le marker ex pin red png qui doit se trouver dans le fichier novo map images pins la largeur et la hauteur de l image en pixel 3 Latitude of the current position Indiquez la latitude de votre position actuelle si vous avez choisi YES pour le point 1 4 Longitude of the current position Indiquez la longitude de votre position actuelle 5 Text of the popup box crivez ici le texte que vous voulez voir apparaitre dans la box lorsque vous cliquez sur le pin indiquant votre position P ex Je me trouve en ce moment en France Add current position Do you want to indicate your actual position YES NO Marker that shows your actual positio
9. on une fois vos r glages termin s Maintenant si vous visualisez le site vous devriez avoir une map sans pin qui apparait l endroit d sir Ajoutez des pins sur la map Une fois que les param tres g n raux de la map sont r gl s vous souhaiterez surement ajouter des pins sur la carte Pour le moment un pin est forc ment associ un post de votre site c est aussi une fonctionnalit que je pense ajouter par la suite ajouter des pins non associ s aux posts En effet vous souhaitez pouvoir localiser vos posts sur une carte du monde et rendre leur contenu facilement accessible en 1 clic On peut imaginer pas mal d utilisation comme par exemple un blog voyage qui souhaiterait avoir une carte des articles en fonction du lieu ou encore un blog cuisine qui souhaiterait localiser ses recettes sur une carte du monde Comme les pins sont associ s aux posts si vous vous rendez dans les menus pour cr er un nouveau post ou pour modifier un post existant vous verrez un nouveau menu appara tre qui vous permettra de choisir si oui ou non vous d sirez voir ce post affich sur la carte et de choisir sa localisation Pour ce faire vous devrez choisir les options suivantes pour tous les posts que vous d sirez voir apparaitre sur la carte 1 Insert a pin on the map Choisissz si oui yes ou non no 10 vous d sirez voir apparaitre cet article sur votre map 2 Lattitude of the point Entrez la lattitude du pin q
10. t the map Comme son nom l indique les informations que vous entrerez l serviront centrer et zoomer la carte comme vous le d sirez Vous devrez remplir 1 lattitude of the map center Entrez la lattitude exacte du centre de la carte default 0 Vous pourez trouvez la lattitude et la longitude d un point sur ce site vous aurez aussi besoin de la latitude et de la longitude pour ins rer des pins plus tard 2 longitude of the map center Entrez la longitude exacte du centre de la carte default 0 3 Zoom of the map d finit la zoom par d fault de la carte La valeur est un nombre entier comme 1 2 3 7 8 default 2 4 Add map type control menu Permet d ajouter un menu ou vous le souhaitez sur la carte pour controler le type de map roadmap satellite terrain Le premier param tre vaut soit true oui ou false non et le deuxi me param tre contr le la position du menu default true et TOP_RIGHT 5 Add a slider to zoom Ajoute un slider pour contr ler le zoom de la map Le premier param tre vaut aussi true ou false et le deuxi me param tre sert aussi contr ler la position du slider sur la map Il peu prendre les m me valeur que le 2 me param tre de Add map type control menu default true et LEFT CENTER Google Map API Key If you dont have one get an API Key AlZaSyCGEOgQGqDIoKMELS8bjr0jMPXGBqw Adjust the Map lattitude of the map center Find coordinates longitude ofthe m
11. ue vous souhaitez ins rer sur la carte Vous pouvez trouvez lattitude et longitude sur ce site 3 Longitude of the point Entrez la longitude du pin que vous souhaitez ins rer sur la carte 4 Marker Infos Vous devrez renseigner la nom de l image utilis e pour le marker ex pin green png qui doit se trouver dans le fichier novo map images pins la largeur et la hauteur de l image en pixel Default pin green png 32 49 sans espace apr s les L avantage c est que vous pouvez utiliser n importe quelle image png comme pin pour votre map 5 Marker Category Je vous promettait au d but que vous pourrier afficher vos pins par cat gorie C est ici que vous pourrez les d finir Si par exemple vous ins rez voyage dans la cat gorie de plusieurs de vos pins et que vous ins rez aussi voyage dans le widget ou le shortcode la carte n affichera que les pins de cette cat gorie Tr s pratique pour afficher du contenu diff rent sur diff rentes pages de votre site Mais si vous ne voulez pas d finir de cat gorie laissez simplement ce champ vide 6 Description of the point Entrez le texte que vous souhaitez voir apparaitre dans la box lorsque vous cliquez sur un pin Remarquez que l image qui apparait dans la box est la featured image associ e votre post Le titre de l article apparait aussi au sommet de la box L image et le titre sont cliquable pour rediriger les lecteurs sur le post en question

Mode d`emploi - Novo

Contents

Download Pdf Manuals

Related Search

Related Contents