Hvordan style Google Maps i WordPress 1

Hvordan style Google Maps i WordPress

Du – eller nettdesigneren du hyret – har jobbet så hardt for å gjøre alt på det splitter nye nettstedet ditt perfekt. Hvert eneste av elementene er tatt vare på. Skriftfamilie, skriftstørrelser, hovedfarge, andre farger, tomme områder, bilder, illustrasjoner … alt ser perfekt ut. Men, hva med kartene?

Kart er der for gjør det enklere for besøkende å finne virksomheten din. Deres funksjonelle del er åpenbar, men hva med det visuelle inntrykket? Google Maps er nesten alles valg når det gjelder visning av plassering. Og noen ganger vil standardutseendet deres passe perfekt til nettstedets stil. Men i mange tilfeller vil det måtte justeres litt for å kunne smelter inn og fungerer godt med resten av designet.

Det er et par forskjellige måter å tilpasse Google Maps i WordPress. De er alle ganske enkle og krever ingen spesiell teknisk kunnskap. Les videre og finn hvilken som fungerer best for deg.

Du kan også sjekke ut vår praktiske videoopplæring om å sette opp Google maps ved å bruke hvilket som helst av Qode-temaene.

Style kartene dine ved hjelp av en plugin

En av de enkleste måtene å tilpasse Google-kartene dine på, er å bruke en av pluginene som er laget nettopp for dette formålet. Vårt valg er Snille kart, en lett og enkel plugin med hundrevis av gratis stiler.

Start med å gå til Plugins > Legg til ny.

Legg til ny plugin

Pluginen vi leter etter heter Snille kart så skriv inn det navnet i søkeskjemaet. Når du finner den, klikk på Installere knappen og deretter aktivere den.

Snazzy Maps-plugin

Nå som plugin er installert og aktivert, kan du nå den under Utseende > Snazzy Maps.

Innstillinger for Snazzy Maps-plugin

For å utforske og velge stiler for nettstedet ditt, må du opprette en Snazzy Maps-konto for å få en API-nøkkel.

Når du har opprettet en konto, naviger til profilsiden din og i Utvikler seksjon klikk på Generer API-nøkkel knappen for å hente koden.

Registrer deg for en API-nøkkel

Nå, i Snazzy Maps-innstillingene, skriv inn API-nøkkelen din og trykk på Lagre knapp.

Lagre endringer

Du er nå klar til å utforske stiler og tilpasse kartene dine. Hopp tilbake til Utforske fanen. Du finner mange kartstiler der borte. Du kan bruke de anbefalte, eller lage dine egne unike stiler.

Når du finner en kartstil som fungerer perfekt for nettstedet ditt, klikker du på Lagre stil knappen, slik at du kan bruke den senere.

Finn en kartstil

Og for å lage din egen tilpassede stil, gå til Snazzy Maps-kontoen din og klikk på Lag en stil i menyen.

Lag en stil

Du vil nå ha en sjanse til å lage din egen stil med fargene du angir og typen du velger å tilpasse. Når du føler at stilen din er klar, trykker du på greenen Bruk stil knappen, gi din egendefinerte stil et unikt navn, og lagre den.

Bruk stil

For å finne de egendefinerte stilene dine i administratoren for nettstedet ditt, velg Mine stiler fra rullegardinmenyen i Snazzy Maps Utforske fanen.

Mine stiler

Klikk på Muliggjøre og WordPress vil bruke stilen direkte på Google maps på nettstedet ditt.

Bruk stilen direkte på Google maps

Tilpasse Google Maps i interaktive Qode-temaer

Hvis du bruker et av Qode Interactives premium WordPress-temaer som kommer med en forhåndsdesignet kortkode for Google maps, er halve arbeidet ditt gjort for deg.

Avhengig av temaet ditt, vil kortkoden komme med forskjellige tilpasningsalternativer. For eksempel inkluderer noen temaer muligheten til å legge til et overlegg eller endre fargene der i kortkodeinnstillinger, mens andre kommer med et skjema for å sette inn Snazzy Maps-koden.

For eksempel vår WordPress-tema Gluck kommer med en Google Maps-kortkode som lar deg aktivere tilpassede Snazzy Maps-stiler og inneholder et felt for å sette inn kode.

Google Maps kortkode

For å få denne koden trenger du faktisk ikke å installere Snazzy Maps-plugin. Alt du trenger å gjøre er å gå til Snazzy Maps nettsted, logg inn eller opprett en konto, lag din egen stil, eller velg fra de eksisterende, og kopier den unike koden.

For å få koden, velg Se kode seksjon.

Få koden

Din unike kode vises til venstre. Kopier hele koden.

Kopier hele koden

Sett inn Snazzy Map-koden i det aktuelle feltet i kortkoden, og kartet på siden din vil se ut akkurat slik du stylet det.

Siste tanker

Enten du velger en plugin eller bruker et tema med en innebygd Google Maps-kortkode for å tilpasse måten kartene skal vises på sidene dine, er det viktige – du trenger ikke nøye deg med standardvisningen. Etter å ha investert mye tid og krefter på å perfeksjonere nettstedets design, bør du virkelig sørge for at kartene passer perfekt til den generelle tonen og atmosfæren. Ikke vær redd for å leke med stilene. Det er morsomt, enkelt og definitivt verdt tiden.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal