Gå till innehållet

Hur du lägger till interaktiva kartor på din WordPress-webbplats

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Om du använder en tjänst som Google Maps, du behöver bara välja en plats och bädda in kartan på din webbplats. Du kan dock inte redigera kartor i farten, och inte heller dina kollegor - vilket ofta är nödvändigt för samarbetsprojekt.

Det är här interaktiva kartor kommer in. De låter dig placera rörliga markörer som alla i ditt team kan redigera. 

I den här handledningen ska vi prata om när den här typen av kort kommer till nytta. Dessutom visar vi dig hur du lägger till dem på två sätt till WordPress.

Men innan du börjar, ta dig tid att titta på Hur man installerar en Wordpress temaHur många insticksprogram ska jag installera på Wordpress.

Sedan, mlåt oss börja arbeta!

Vad är en interaktiv karta (och när ska den användas?)

Att lägga till en karta på en webbplats är ganska enkelt. Verktyg som Med Google Maps kan du bädda in kartor på dina sidor på några minuter. Fördelen med detta tillvägagångssätt är att besökare kan flytta runt på kartorna, zooma in, zooma ut etc.

Dessa typer av kartor är mer interaktiva än bara bilder, men de tillåter dig inte att göra några ändringar när du har lagt till dem på din webbplats.

På baksidan låter interaktiva kartor dig (och i vissa fall dina kollegor) lägga till nya markörer, ikoner, text och mer. Tänk dig till exempel att du planerar ett möte för medlemmar på din webbplats. Du kan konfigurera en karta med flera stift för att föreslå platser.

Upptäck förresten 5 WordPress plugins för att lägga till geolocation till din blogg

Du kan också använda en interaktiv karta så att dina användare kan dela sina platser eller navigera till platser de vill besöka. För att vara mer exakt är det här nischapplikationer. Men de interaktiva kartorna  kan  vara användbar i en mängd olika situationer. 

Dessutom är de inte nödvändigtvis svårare att lägga till än sina motsvarigheter.

Så här lägger du till interaktiva kartor på din WordPress-webbplats

När det gäller interaktiva kartor kan du antingen bädda in en på din webbplats eller använda ett plugin för att göra det. Det första tillvägagångssättet är enklare, men plugins packar ofta mycket fler funktioner, som du kan förvänta dig. Låt oss gå igenom insticksprogrammet för att visa vad dessa funktioner är.

1. Använd plugin Kartor Marker Pro

Använd map maker pro

Plugin Kartor Marker Pro är en enstaka premiumlösning för att lägga till kartor till WordPress. Den levereras med dussintals avancerade funktioner, till exempel de som låter dig visa kartor från flera avdelningar och lägga till ett nästan obegränsat antal markörer på dina kartor och organisera dem. Dessutom kan besökare filtrera de typer av markörer de vill se på dina kartor.

Andra roliga saker du kan göra med detta plugin är att lägga till avstånds- och ruttinformation mellan markörer. Du kan till och med dela din egen plats i realtid via din webbplatskarta, om du är benägen att göra det. Installera insticksprogrammet kan ta lite tid, med tanke på den mängd funktioner det erbjuder. 

Det är dock inte så svårt som du kan föreställa dig. 

För att komma igång, konfigurera och aktivera plugin-programmet som du skulle göra med något annat. Om du är ny på WordPress, ta reda på det Hur man installerar en plugin i Wordpress

När plugin är klart måste du lägga till en ny karta eller ett nytt lager, vilket du kan göra från fliken Maps Marker Pro> Lägg till ett nytt lager. Här anger du ett namn som du kan känna igen för ditt lager och anger platsen du vill att det ska visas, precis som med något annat online-kartverktyg:

Lägg till ett nytt lager

Nu kan du justera storlek och zoomnivå som du vill ställa in som standard med hjälp av vänster meny. Det finns också ett alternativ som heter Markörkluster , som visar en ikon med antalet markörer i ett område om du zoomar in för långt, som i exemplet nedan:

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Visa en markör

alternativet Sök markörer, å andra sidan är ganska uttryckligt. Det kan vara användbart om du vill inkludera ytterligare information om dina markörer:

Lista över markörer

Bläddra nu ner och hitta alternativet "Lägg till en ny markör på detta lager". På nästa skärm kan du definiera ett namn och en plats för din markör med samma karta som den föregående.

Upptäck också Hur komprimera och ändra storlek på bilder på Wordpress

Du kan också välja en ikon och ställa in popup-text för din markör. Detta visas när besökare klickar på själva markören eller väljer den i en lista om du har valt att inkludera den.

I alla fall glöm inte att trycka på knappen offentliggöra när du är klar. När du har lagt till några markörer ska ditt ursprungliga lager se ut så här:

Exempel på ett lager på ett block

När du är redo att lägga till din nya interaktiva karta på en av dina sidor bör du använda en kortkod. Bläddra till toppen av fliken Redigera lager  och leta efter hans motsvarande ID:

Spara kortidentifierare

Placera nu kortkod [mapsmarker -lager = “X”] i ditt inlägg eller sida. Glöm inte att byta ut platshållaren  med ID för ditt "lager" i förväg, dock.

Ditt kort ska nu fungera på din webbplats! Ännu viktigare är att du eller någon annan i ditt team kan redigera det och lägga till nya markörer när som helst utan att lämna din instrumentpanel.

2. Använda den inbyggda inbäddningsfunktionen i Google Map

Google Maps behöver inte en introduktion - det är en tjänst som låter dig extrahera kartor från hela världen för att dela platser med andra människor, hitta adresser och till och med dela där du är. När det gäller webbplatser finns det många sätt att bädda in Google Maps på dina sidor. Spara kartor med google map

De flesta kort erbjuder dock begränsade mängder interaktivitet. De låter dig navigera genom dem, zooma in, komma ut och ändra din vy, men inte mer.

Faktum är att Google Maps erbjuder många fler funktioner än enkel kartläggning. Till exempel kan du också lägga till flera markörer, mäta avstånd och inkludera vägbeskrivningar i dina kartor. Gå till för att prova dessa funktioner Google Mina kartor och klicka på knappen  + Skapa en ny karta  :

Skapa en karta på google map

På nästa skärm, definiera en titel för din karta och dess första lager, som vi kommer att bygga på. Hitta nu platsen du vill dela med Google Map-sökfältet högst upp på skärmen:

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Ny karta och Google-kartplats

När du zoomar in kan du använda markörsymbolen högst upp på skärmen för att börja markera platser på din karta. Klicka bara där du vill placera din markör och ställ sedan in ett namn och en ikon för den:

Lägg till en markör på din nya karta.

När du har flera markörer kan du rita linjer mellan dem för att visa avstånd:

Visa ett avstånd mellan två punkter på kartan

När ditt kort är klart klickar du på knappen Dela i menyn till vänster. Där ändrar du åtkomstinställningarna  de privat  à allmän :

Definiera kortåtkomst

Du kan också bjuda in teammedlemmar att använda sina e-postmeddelanden så att de omedelbart kan komma åt kartan:

Karta för samarbete med partners

I vilket fall som helst bör du alltid bädda in ditt nya kort på din webbplats. Du kan göra detta genom att klicka på ikonen med tre punkter bredvid din kartrubrik och klicka på alternativet Bädda in den här kartan  :

Bädda in kartaNu kan du kopiera och klistra in inbäddningskoden på dina sidor. Ditt nya kort visas var du än placerar det. Dessutom kommer dina kollegor att kunna redigera den och lägga till nya markörer via Google Maps om det behövs.

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Ultimate Math Captcha

Ultimate Math Captcha är ett premium WordPress-plugin för captcha som är 100% effektivt. Det gör det möjligt att lägga till matematisk captcha vid WordPress-inloggning, registrering, lösenordsåterställning, kommentarer, WooCommerce, Easy Digital Downloads-formulär och bbPress-formulär.Ultimate math captcha wordpress -plugin

Dess funktioner inkluderar: enkel installation och konfiguration, lägga till captcha i många former, stöd för flera Math captcha på samma sida, anpassning av felmeddelanden och många fler.

Ladda ner | demowebbhotell

2. PayPal Standard Payment Gateway för Ninja Forms

Med PayPal Standard Gateway for Ninja Forms kan du skapa formulär som integreras sömlöst med PayPal-betalningsgateway. Du kommer att kunna skapa personliga beställningsformulär och ta emot betalningar med vanliga Paypal-konton.

Paypal standardbetalningsport för ninjaformulär

Dess huvudfunktioner är: enkel och snabb integration, IPN-integration, möjligheten att aktivera / inaktivera PayPal-gatewayen på enskilda formulär, stöd för regelbundna betalningar etc.

Ladda ner | demo |  webbhotell

3. Gravity Forms - Lista och redigera

Med detta premium-WordPress-plugin är det möjligt att ändra eller ta bort poster som skickats in på din webbplats. En funktion som saknas starkt i plugin-programmet Gravity Forms, varför denna tillägg skapades.Gravity formulär lista redigera wordpress plugins infoga tabeller grafik webbplats bloggformulär

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Bland dess funktioner kommer vi att nämna bland annat: mredigering och sparande av inspelade data,upptryck av de angivna uppgifterna,modifiering och radering av redan publicerade artiklar, iPerfekt integration med jQuery Datatables plugins och Gravity-Forms, theupport av villkorlig logik, simple och snabb att installera, och mycket mer.

Ladda ner demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för den här självstudien, jag hoppas att du kan skapa interaktiva kartor i WordPress. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
8 aktier
del4
tweet2
Enregistrer2