Hvis du bruger en service som f.eks Google Maps, skal du bare vælge en placering og integrere kortet på dit websted. Du kan dog ikke ændre kortene i farten og ikke dine kolleger - hvilket ofte kræves til samarbejdsprojekter.

Det er her interaktive kort kommer ind. De giver dig mulighed for at placere bevægelige markører, som alle i dit team kan redigere. 

I denne vejledning skal vi tale om, når denne type kort kommer til nytte. Derudover viser vi dig, hvordan du tilføjer dem på to måder til WordPress.

Men inden du starter, skal du tage dig tid til at tage et kig på Sådan installeres en WordPress temaHvor mange plugins skal jeg installere på WordPress.

Derefter mlad os komme på arbejde!

Hvad er et interaktivt kort (og hvornår skal det bruges?)

Tilføjelse af et kort til et websted er ret ligetil. Værktøjer som f.eks Google Maps giver dig mulighed for at integrere kort på dine sider på få minutter. Fordelen ved denne tilgang er, at besøgende kan bevæge sig rundt på kortene, zoome ind, zoome ud osv.

Disse typer kort er mere interaktive end bare billeder, men de giver dig ikke mulighed for at foretage ændringer, når du først har føjet dem til dit websted.

På den anden side giver interaktive kort dig (og i nogle tilfælde dine kolleger) mulighed for at tilføje nye markører, ikoner, tekster og mere. Forestil dig for eksempel, at du planlægger et møde for medlemmer af dit websted. Du kan konfigurere et kort med flere ben for at foreslå placeringer.

Opdag forresten 5 WordPress plugins for at tilføje geolocation til din blog

Du kan også bruge et interaktivt kort, så dine brugere kan dele deres placeringer eller navigere til steder, de vil besøge. For at være mere præcis er dette niche-applikationer. Dog de interaktive kort  peuvent  være nyttigt i en lang række situationer. 

Derudover er de ikke nødvendigvis sværere at tilføje end deres kolleger.

Sådan tilføjes interaktive kort til dit WordPress-websted

Når det kommer til interaktive kort, kan du enten integrere dit websted eller bruge et plugin til at hjælpe dig med at gøre det. Den første tilgang er enklere, men plugins pakker ofte meget flere funktioner, som du måske forventer. Lad os gå over plugins tilgang til at vise, hvad disse funktioner er.

1. Brug pluginet Maps Marker Pro

Brug map maker pro

Pluginet Maps Marker Pro er en one-stop premium-løsning til tilføjelse af kort til WordPress. Det tilbyder snesevis af avancerede funktioner, såsom dem, der giver dig mulighed for at se kort over flere tjenester og tilføje et næsten ubegrænset antal tags til dine kort og rang. Derudover kan besøgende filtrere de typer markører, de ønsker at se på dine kort.

Andre sjove ting, du kan gøre ved hjælp af dette plugin, er at tilføje afstands- og ruteinformation mellem markører. Du kan endda dele din egen placering i realtid via dit webstedsoversigt, hvis du er tilbøjelig til at gøre det. Opsætning af pluginet kan tage lidt tid i betragtning af de mange funktioner, det tilbyder. 

Det er dog ikke så svært, som du måske forestiller dig. 

For at komme i gang skal du konfigurere og aktivere pluginet, som du ville gjort med andre. Hvis du er ny på WordPress, skal du finde ud af det Sådan installeres et plugin i WordPress

Når pluginet er klar, skal du tilføje et nyt kort eller et nyt lag, du kan gøre fra fanen Maps Marker Pro> Tilføj et nyt lag. Indstil her et navn, du kan genkende for dit lag, og indtast den placering, du vil have det til at vise, ligesom du ville gøre med ethvert andet online kortlægningsværktøj:

Tilføj et nyt lag

Nu kan du justere den størrelse og det zoomniveau, du vil indstille som standard ved hjælp af menuen til venstre. Der er også en mulighed kaldet Marker clustering Hvilket viser et ikon med antallet af markører i et område, hvis du zoomer for langt ind, som i eksemplet nedenfor:

Vis en markør

muligheden Søg markørerpå den anden side er ganske eksplicit. Det kan være nyttigt, hvis du vil medtage yderligere oplysninger om dine markører:

Liste over markører

Rul nu ned og find indstillingen « Tilføj ny markør på dette lag« . På det næste skærmbillede kan du definere et navn og en placering til markøren ved hjælp af det samme kort som det forrige.

Opdag også Hvordan til at komprimere og ændre størrelse på billeder på WordPress

Du kan også vælge et ikon og indstille pop op-tekst til din markør. Dette vises, når besøgende klikker på selve markøren eller vælger fra en liste, hvis du vælger at medtage den.

Glem under alle omstændigheder ikke at trykke på knappen offentliggøre når du er færdig. Når du har tilføjet et par markører, skal dit oprindelige lag se sådan ud:

Eksempel på et lag på en blok

Når du er klar til at tilføje dit nye interaktive kort til en af ​​dine sider, skal du bruge en shortcode. Rul til toppen af ​​fanen Rediger lag  og kig efter hans tilhørende ID:

Gem kortidentifikatorer

Placer nu shortcode [mapsmarker layer = "X"] i dit indlæg eller side. Glem ikke at udskifte pladsholderen  ved ID'et for dit "lag" på forhånd.

Dit kort skal nu fungere på din hjemmeside! Mere vigtigt er det, at du eller nogen anden på dit team kan redigere det og tilføje nye markører til enhver tid uden at forlade dit instrumentbræt.

2. Brug af den indbyggede integreringsfunktion i Google Map

Google Maps behøver ikke rigtig en introduktion - dette er en tjeneste, der giver dig mulighed for at hente kort fra hele verden for at dele placeringer med andre mennesker, finde adresser og endda dele, hvor du er. Når det kommer til websteder, er der mange måder, du kan integrere Google Maps på dine sider. Gem kort med google map

De fleste kort tilbyder dog begrænsede mængder interaktivitet. De giver dig mulighed for at navigere gennem dem, zoome ind, komme ud og ændre din visning, men ikke mere.

Faktum er, at Google Maps tilbyder mange flere funktioner end simpel kortlægning. For eksempel kan du også tilføje flere markører, måle afstande og inkludere retninger på dine kort. Gå til for at prøve disse funktioner Google My Maps og klik på knappen  + Opret et nyt kort  :

Opret et kort på google map

På den næste skærm skal du angive en titel til dit kort og dets første lag, som vi bygger videre på. Find nu den placering, du vil dele, ved hjælp af Google Map-søgelinjen øverst på skærmen:

Nyt kort og google kortplacering

Når du zoomer ind, kan du bruge markørsymbolet øverst på skærmen til at begynde at fremhæve placeringer på dit kort. Klik bare på det sted, hvor du vil placere din markør, og angiv derefter et navn og ikon for det:

Føj en markør til dit nye kort.

Når du har flere markører, kan du tegne linjer mellem dem for at vise afstande:

Vis en afstand mellem to punkter på kortet

Når dit kort er klar, skal du klikke på knappen Del i menuen til venstre. Der skal du ændre adgangsindstillingerne  de privat  à offentlige :

Definer kortadgang

Du kan også invitere teammedlemmer til at bruge deres e-mails, så de straks kan få adgang til kortet:

Kort til samarbejde med partnere

Under alle omstændigheder skal du altid integrere dit nye kort på dit websted. Du kan gøre dette ved at klikke på ikonet med tre prikker ud for din korttitel og klikke på indstillingen Integrer dette kort  :

Indlejre kortNu kan du kopiere og indsætte indlejringskoden på dine sider. Dit nye kort vises, uanset hvor du placerer det. Derudover kan dine kolleger redigere det og tilføje nye markører via Google Maps, hvis det er nødvendigt.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Ultimate Math Captcha

Ultimate Math Captcha er en WordPress plugin 100 % effektiv captcha-præmie. Det giver mulighed for at tilføje en matematisk captcha på formularer WordPress login, registrering, gendannelse af adgangskode, kommentarer, WooCommerce, Easy Digital Downloads og aux formularer fra bbPress.Ultimate matematik captcha wordpress plugin

Dens funktioner inkluderer: nem installation og konfiguration, tilføjelse af captcha til mange formularer, understøttelse af flere Math captchas på samme side, tilpasning af fejlmeddelelser og mange andre.

Downloade | demoWeb-hosting

2. PayPal Standard Betaling Gateway for Ninja Forms

PayPal Standard Gateway for Ninja Forms giver dig mulighed for at oprette formularer, der integreres problemfrit med PayPal-betalingsgatewayen. Du vil være i stand til at oprette personlige bestillingsformularer og modtage betalinger ved hjælp af standard Paypal-konti.

Paypal-standardbetalingsgateway til ninja-formularer

Dets vigtigste funktioner er: nem og hurtig integration, IPN-integration, muligheden for at aktivere / deaktivere PayPal-gatewayen på individuelle formularer, support til regelmæssige betalinger osv.

Downloade | demo |  Web-hosting

3. Tyngdekraftsformularer - Liste & rediger

med dette WordPress plugin premium, er det muligt at ændre eller slette poster, der er indsendt i form af dit websted. En funktion, der i høj grad mangler i Gravity Forms-plugin'et, hvorfor denne udvidelse blev oprettet.Tyngdekraftsformularer liste rediger wordpress plugins indsæt tabeller grafik site blog form

Blandt dens funktioner vil vi nævne blandt andet: mredigering og gemning af de indspillede data,overskrift af de indtastede data,ændring og sletning af allerede offentliggjorte artikler, iPerfekt integration med jQuery Datatables-plugins og Gravity-Forms, theoport af betinget logik, simple og hurtig at installere og meget mere.

Downloade demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det til denne tutorial, jeg håber, det giver dig mulighed for at oprette interaktive kort i WordPress. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at gennemføre dine projekter med oprettelse af internetsider ved at konsultere vores guide på WordPress blog oprettelse.

Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.

...