Hvis du bruker en tjeneste som Google Maps, du trenger bare å velge et sted og legge inn kartet på nettstedet ditt. Du kan imidlertid ikke redigere kart på farten, og det kan heller ikke kollegene dine - noe som ofte er nødvendig for samarbeidsprosjekter.

Det er her interaktive kart kommer inn. De lar deg plassere bevegelige markører som alle i teamet ditt kan redigere. 

I denne opplæringen skal vi snakke om når denne typen kort kommer til nytte. I tillegg viser vi deg hvordan du legger dem til på to måter til WordPress.

Men før du begynner, ta deg tid til å ta en titt på Hvordan installere en WordPress temaHvor mange plugins bør jeg installere på WordPress.

Så, mla oss komme på jobb!

Hva er et interaktivt kart (og når skal du bruke det?)

Å legge til et kart på et nettsted er ganske greit. Verktøy som Google Maps lar deg legge inn kart på sidene dine på få minutter. Fordelen med denne tilnærmingen er at besøkende kan bevege seg rundt på kartene, zoome inn, zoome ut osv.

Disse karttypene er mer interaktive enn bare bilder, men de lar deg ikke gjøre noen endringer når du har lagt dem til nettstedet ditt.

På baksiden lar interaktive kart deg (og i noen tilfeller medarbeiderne) legge til nye markører, ikoner, tekst og mer. Tenk deg for eksempel at du planlegger et møte for medlemmer av nettstedet ditt. Du kan konfigurere et kart med flere pinner for å foreslå steder.

Oppdag forresten 5 WordPress plugins for å legge til geolocation til bloggen din

Du kan også bruke et interaktivt kart slik at brukerne dine kan dele stedene sine eller navigere til steder de vil besøke. For å være mer presis er dette nisjeapplikasjoner. Imidlertid de interaktive kartene  kan  være nyttig i en rekke situasjoner. 

I tillegg er de ikke nødvendigvis vanskeligere å legge til enn kollegene.

Slik legger du til interaktive kart på WordPress-siden din

Når det gjelder interaktive kart, kan du enten bygge inn et på nettstedet ditt eller bruke et plugin for å hjelpe deg med det. Den første tilnærmingen er enklere, men plugins pakker ofte mange flere funksjoner, som du kanskje forventer. La oss gå over pluginens tilnærming for å vise hva disse funksjonene er.

1. Bruk plugin Kart Marker Pro

Bruk map maker pro

Pluggen Kart Marker Pro er en førsteklasses løsning for å legge til kart til WordPress. Den leveres med dusinvis av avanserte funksjoner, for eksempel de som lar deg se kart fra flere avdelinger, og legge til et nesten ubegrenset antall markører på kartene dine og organisere dem. I tillegg kan besøkende filtrere hvilke markører de vil se på kartene dine.

Andre morsomme ting du kan gjøre ved å bruke dette pluginet, er å legge til avstands- og ruteinformasjon mellom markører. Du kan til og med dele din egen posisjon i sanntid via kartet ditt, hvis du er tilbøyelig til å gjøre det. Å sette opp pluginet kan ta litt tid, gitt den mengden funksjoner den tilbyr. 

Det er imidlertid ikke så vanskelig som du kan forestille deg. 

For å komme i gang, konfigurer og aktiver pluginet som du ville gjort. Hvis du er ny på WordPress, kan du finne ut av det Hvordan installere en plugin i WordPress

Når pluginet er klart, må du legge til et nytt kart eller lag, som du kan gjøre fra fanen Maps Marker Pro> Legg til et nytt lag. Her, angi et navn du kan gjenkjenne for laget ditt og skriv inn stedet du vil at det skal vise, som du ville gjort med et hvilket som helst annet online kartverktøy:

Legg til et nytt lag

Nå kan du justere størrelsen og zoomnivået du vil angi som standard, ved hjelp av menyen til venstre. Det er også et alternativ som heter Markør clustering , som viser et ikon med antall markører i et område hvis du zoomer inn for langt, som i eksemplet nedenfor:

Vis en markør

Valget Søk markører, derimot er ganske eksplisitt. Det kan være nyttig hvis du vil inkludere tilleggsinformasjon om markørene dine:

Liste over markører

Bla nå ned og finn alternativet « Legg til en ny markør på dette laget« . På neste skjermbilde vil du kunne definere navn og plassering for markøren din ved å bruke det samme kartet som det forrige.

Oppdag også Hvordan komprimere og endre størrelsen på bilder på WordPress

Du kan også velge et ikon og angi popup-tekst for markøren din. Dette vises når besøkende klikker på selve markøren, eller velger det fra en liste hvis du har valgt å inkludere det.

Ikke glem i alle fall å trykke på knappen publisere når du er ferdig. Etter å ha lagt til noen få markører, bør det første laget ditt se slik ut:

Eksempel på et lag på en blokk

Når du er klar til å legge til det nye interaktive kartet på en av sidene dine, bør du bruke en snarvei. Bla til toppen av fanen Rediger lag  og se etter den korresponderende IDen hans:

Lagre kortidentifikatorer

Legg nå shortcode [mapsmarker layer = "X"] i innlegget ditt eller siden din. Ikke glem å erstatte plassholderen  av ID-en til "laget" på forhånd.

Kortet ditt skal nå være i drift på hjemmesiden din! Enda viktigere er at du eller noen andre på teamet ditt kan redigere det og legge til nye markører når som helst, uten å forlate oversikten.

2. Bruke den innebygde innebygde funksjonen til Google Map

Google Maps trenger egentlig ikke en introduksjon - det er en tjeneste som lar deg trekke ut kart fra hele verden for å dele steder med andre mennesker, finne adresser og til og med dele der du er. Når det gjelder nettsteder, er det mange måter du kan legge inn Google Maps på sidene dine. Lagre kart med google map

Imidlertid tilbyr de fleste kort begrensede mengder interaktivitet. De lar deg navigere gjennom dem, zoome inn, avslutte og endre visning, men ikke mer.

Faktum er at Google Maps tilbyr mange flere funksjoner enn enkel kartlegging. Du kan for eksempel også legge til flere markører, måle avstander og inkludere veibeskrivelser på kartene dine. Gå til for å prøve disse funksjonene Google Mine kart og klikk på knappen  + Lag et nytt kart  :

Lag et kart på google map

På neste skjerm angir du en tittel for kartet ditt og dets første lag, som vi skal bygge videre på. Finn nå plasseringen du vil dele ved å bruke søkefeltet på Google Map øverst på skjermen:

Nytt kart og google kartplassering

Når du zoomer inn, kan du bruke markørsymbolet øverst på skjermen for å begynne å markere steder på kartet ditt. Bare klikk der du vil plassere markøren din, og angi deretter et navn og ikon for den:

Legg til en markør på det nye kartet.

Når du har flere markører, kan du tegne linjer mellom dem for å vise avstandene:

Vis en avstand mellom to punkter på kartet

Når kortet ditt er klart, klikker du på knappen Del i menyen til venstre. Der endrer du tilgangsinnstillingene  de privat  à offentlig :

Definer korttilgang

Du kan også invitere teammedlemmer til å bruke e-postene sine, slik at de umiddelbart får tilgang til kartet:

Kart for samarbeid med partnere

I alle fall bør du alltid legge inn det nye kortet ditt på nettstedet ditt. Du kan gjøre dette ved å klikke på ikonet med tre prikker ved siden av kartittelen og klikke på alternativet Legg til dette kartet  :

Bygg inn kartNå kan du kopiere og lime inn innebyggingskoden på sidene dine. Det nye kortet ditt vises hvor du plasserer det. I tillegg vil kollegene dine kunne redigere det og legge til nye markører via Google Maps om nødvendig.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Ultimate Math Captcha

Ultimate Math Captcha er en WordPress Plugin 100 % effektiv captcha-premie. Det gjør det mulig å legge til en matematisk captcha på skjemaer WordPress-pålogging, registrering, passordgjenoppretting, kommentarer, WooCommerce, Easy Digital Downloads og aux skjemaer fra bbPress.Ultimate matematisk captcha wordpress -plugin

Funksjonene inkluderer: enkel installasjon og konfigurasjon, og legger til captcha til mange skjemaer, støtte for flere Math captchas på samme side, tilpasning av feilmeldinger og mange andre.

Last ned | dEMOWebhotell

2. PayPal Standard Betaling Gateway for Ninja Forms

PayPal Standard Gateway for Ninja Forms lar deg lage skjemaer som integreres sømløst med PayPal betalingsgateway. Du vil kunne lage personlige bestillingsskjemaer og motta betalinger ved hjelp av vanlige Paypal-kontoer.

Paypal standard betalingsport for ninja-skjemaer

Hovedtrekkene er: enkel og rask integrering, IPN-integrering, muligheten til å aktivere / deaktivere PayPal-gatewayen på individuelle skjemaer, støtte for vanlige betalinger osv.

Last ned | dEMO |  Webhotell

3. Tyngdekraftsskjemaer - Liste og rediger

med dette WordPress Plugin premium, er det mulig å endre eller slette oppføringer som er sendt inn i skjemaene til nettstedet ditt. En funksjon som sårt mangler i Gravity Forms-pluginen, og det er derfor denne utvidelsen ble opprettet.Tyngdekraft skjemaer liste redigere wordpress plugins sette inn tabeller grafikk nettsted blogg skjema

Blant funksjonene vil vi nevne blant andre: mredigering og lagring av innspilte data,overskrift av inntastede data,endring og sletting av allerede publiserte artikler, iPerfekt integrasjon med jQuery Datatables-plugins og Gravity-Forms, theopport av betinget logikk, simple og raskt å installere, og mye mer.

Last ned dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for denne opplæringen, jeg håper det lar deg lage interaktive kart i WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...