Vous – ou le concepteur de sites Web que vous avez embauché – avez travaillé si dur pour que tout sur votre tout nouveau site soit parfait. Chacun des éléments a été pris en charge. Famille de polices, tailles de polices, couleur principale, autres couleurs, espaces vides, images, illustrations… tout semble parfait. Mais, qu’en est-il des cartes?
Les cartes sont là pour permet aux visiteurs de localiser plus facilement votre entreprise. Leur partie fonctionnelle est évidente, mais qu’en est-il de l’impression visuelle ? Google Maps est le choix de presque tout le monde lorsqu’il s’agit d’afficher l’emplacement. Et parfois, leur apparence par défaut s’adaptera parfaitement au style de votre site Web. Mais dans de nombreux cas, il faudra l’ajuster un peu pour se fondent et fonctionnent bien avec le reste de la conception.
Il existe plusieurs façons de personnaliser Google Maps dans WordPress. Ils sont tous assez simples et ne nécessitent aucune connaissance technique particulière. Continuez à lire et trouvez celui qui vous convient le mieux.
Vous pouvez également consulter notre didacticiel vidéo pratique sur la configuration de Google Maps à l’aide de l’un des thèmes Qode.
Styliser vos cartes à l’aide d’un plugin
L’un des moyens les plus simples de personnaliser vos cartes Google est d’utiliser l’un des plugins créés à cet effet. Notre choix est Cartes élégantes, un plugin léger et simple avec des centaines de styles gratuits.
Commencez par aller à Plugins > Ajouter un nouveau.
Le plugin que nous recherchons s’appelle Cartes élégantes alors tapez ce nom dans le formulaire de recherche. Lorsque vous le trouvez, cliquez sur le Installer bouton puis activez-le.
Maintenant que le plugin est installé et activé, vous pouvez y accéder sous Apparence > Cartes Snazzy.
Afin d’explorer et de choisir des styles pour votre site Web, vous devez créer un compte Snazzy Maps afin d’obtenir une clé API.
Lorsque vous avez créé un compte avec succès, accédez à votre page de profil et dans le Développeur rubrique cliquez sur le Générer une clé API bouton pour obtenir le code.
Maintenant, dans les paramètres de Snazzy Maps, entrez votre clé API et appuyez sur le bouton sauvegarder bouton.
Vous êtes maintenant prêt à explorer les styles et à personnaliser vos cartes. Revenez au Explorer languette. Vous y trouverez de nombreux styles de cartes. Vous pouvez utiliser ceux recommandés ou créer vos propres styles uniques.
Lorsque vous trouvez un style de carte qui fonctionne parfaitement pour votre site Web, cliquez sur le bouton Enregistrer le style bouton, afin que vous puissiez l’utiliser plus tard.
Et, pour créer votre propre style personnalisé, accédez à votre compte Snazzy Maps et cliquez sur Créer un style dans le menu.
Vous aurez maintenant la possibilité de créer votre propre style avec les couleurs que vous définissez et le type que vous choisissez de personnaliser. Lorsque vous sentez que votre style est prêt, appuyez sur le vert Appliquer le style , attribuez un nom unique à votre style personnalisé et enregistrez-le.
Pour retrouver vos styles personnalisés dans l’admin de votre site, choisissez Mes styles dans la liste déroulante des Snazzy Maps Explorer languette.
Cliquer sur Permettre et WordPress appliquera le style directement aux cartes Google de votre site Web.
Personnalisation de Google Maps dans les thèmes interactifs Qode
Si vous utilisez l’un des thèmes WordPress premium de Qode Interactive qui est livré avec un shortcode prédéfini pour Google Maps, alors la moitié de votre travail a été fait pour vous.
Selon votre thème, le shortcode viendra avec différentes options de personnalisation. Par exemple, certains thèmes incluent la possibilité d’ajouter une superposition ou de modifier les couleurs directement dans les paramètres de shortcode, tandis que d’autres sont livrés avec un formulaire pour insérer le code Snazzy Maps.
Par exemple, notre Thème WordPress Gluck est livré avec un shortcode Google Maps qui vous permet d’activer des styles Snazzy Maps personnalisés et contient un champ pour insérer du code.
Pour obtenir ce code, vous n’avez pas besoin d’installer le plugin Snazzy Maps. Tout ce que vous avez à faire est d’aller au Site Web de Snazzy Maps, connectez-vous ou créez un compte, créez votre propre style, ou choisissez parmi ceux existants, et copiez son code unique.
Pour obtenir le code, choisissez le Voir le code section.
Votre code unique apparaîtra sur la gauche. Copiez l’intégralité du code.
Insérez votre code Snazzy Map dans le champ approprié du shortcode, et la carte sur votre page ressemblera exactement à votre style.
Dernières pensées
Que vous optiez pour un plugin ou que vous utilisiez un thème avec un shortcode Google Maps intégré pour personnaliser la façon dont les cartes seront affichées sur vos pages, ce qui est important est – vous n’avez pas à vous contenter de la vue par défaut. Après avoir investi beaucoup de temps et d’efforts pour perfectionner la conception de votre site Web, vous devez vraiment vous assurer que les cartes correspondent parfaitement au ton et à l’atmosphère généraux. N’ayez pas peur de jouer avec les styles. C’est amusant, facile et ça vaut vraiment le coup.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
