Gå till innehållet

Hur man lägger till en interaktiv resekartan på Wordpress

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]

Reser du ofta? För om du inte vet det ännu, används WordPress också i stor utsträckning av bloggare som brinner för resor. Med det senare kan de dela sina foton och de exceptionella stunder de har haft för att leva med andra människor.

Så, för dig som älskar att dela de platser du besöker, tycker du inte att det skulle vara trevligt att lägga till en interaktiv resekarta som visar de olika platserna du har varit?

Om denna idé förtrollar dig som jag, vet då att du kommer att lära dig i den här handledningen hur du integrerar en interaktiv karta på din WordPress-blogg.

översikt kort interaktiva

Hur man installerar och konfigurera plugin Nomad World Map

Det första du ska göra är att installera och aktivera Nomad World Map-plugin (Det är passande namnet) Tillgänglig på WordPress.org från instrumentpanelen. Du kan också ladda ner plugin som en zip-fil.

nomad wold karta

Efter installation och aktivering av plugin, en ny meny " nomad Karta »Kommer att läggas till i instrumentpanelen (längst ner till vänster). Klicka på dess undermeny för inställningar, eftersom vi fortsätter med dess konfiguration.

nomadinställningar

Standardkonfigurationer är tillräckliga. Jag kommer alltid att förklara några alternativ.

I avsnittet "Allmänt"

Det är möjligt att aktivera ett spår mellan de besökta platserna. Följande alternativ " Rita böjda linjer på kartan Låter dig rita böjda linjer på kartan.

« Det pageload att zooma Ger dig möjlighet att fokusera på en plats när sidan laddas. Du har valet mellan första eller sista platsen.

« zoomnivå »Låter dig justera den zoom som utförs på kartan.

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]

« karta »Gör att du kan välja korttyp

Alternativet " Past väg färg "Är färgen på en sökvägen och" Framtida väg färg Är färgen på framtida vägar (för schemalagda resor).

Avsnittet Alternativalternativ

Med alternativet " Visa inlägg miniatyrer i en cirkel », Du kan visa den utvalda bilden av en artikel i en bubbla. Alternativet " Visa leasing lycklig i »Låter dig visa platsinformation i en skjutreglage eller verktygstips.

Hur du lägger till en ny plats på kartan

Klicka på knappen rutt Editor ". På den nya sidan kommer vi att börja med att lägga till namnet på platsen, till exempel " prag ", Som visar en pekare på kartan på den angivna platsen. Klicka sedan på " uppsättning ".

add-dun-plats

Alternativet " happy Rentals »Gör att du kan välja ett objekt som kommer att kopplas till denna plats. Dessutom kan du lägga till innehåll direkt genom att välja " Anpassad glad ".

För att bifoga platsen till en artikel, lämna alternativet " post Utdrag »Aktivera och klicka på« Sök »I nästa fält för att utföra en sökning, precis efter att du har angett artikelns titel (och inte söktermer).

Du kan sedan redigera den utvalda bilden, ange avgångs- och ankomsttider istället, och när det är klart, klicka på " Save Längst ner till vänster.

sätta-och-informations har-a-plats

Efter att ha klickat på " Save Du kommer att kunna upprepa processen och lägga till de olika platserna där du åkte.

karta-travel-exempel

Hur man lägger flera resekort

Allt du behöver göra är att komma åt " Hantera kartor Av plugin och klicka på " Lägg till ny karta ". Ett fönster öppnas, du måste spara kortets namn, exempel: " 2014 specialresor ".

add-the-name-of-a-kort

Klicka sedan på namnet på den här kartan för att lägga till platser, eftersom den presenterades istället.

en förändring-kort

Du kan också komma åt en karta genom att välja kartan i listan över tillgängliga kartor.

pick-a-kort

Hur för att visa en karta på en sida / artikel

Du behöver bara hämta identifieraren för ett kort och integrera det som en parameter i följande kortkod:

[Mwm_map]

Så att ha kortkoder som är identiska med detta: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]

För att hämta identifieraren för ett kort, gå tillbaka till " Hantera kartor Plugin och kopiera numret som motsvarar kartan du valt till kolumnen " ID ".

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]

IDs kort

Använd denna kortkod i en artikel / sida och kolla upp det för att se hur beter sig plugin.

resultat nomad-world-karta

Det är det för den här guiden om att skapa en interaktiv resekarta på WordPress. Tveka inte att dela tipset med dina vänner på sociala medier.

Den här artikeln innehåller kommentarer 30

  1. Hej, liten fråga, hur väljer du det område på kartan som ska visas? Jag vill skapa en karta över Nya Zeeland men när du öppnar sidan med kartan är zoomen klar på Frankrike ...

  2. Hej!

    Jag är ny på wordpress, samma som för Idem, jag har ett felmeddelande som visas på kortet: ”Litet problem ... Ett fel har uppstått
    Google Maps laddades inte korrekt på den här sidan. För mer teknisk information om detta fel, se JavaScript -konsolen. ”
    Jag försökte ändra temat som rekommenderat men det löser inte mitt problem, kan du hjälpa mig snälla?

    Tack på förhand!
    Bonne journée,
    Sonia,

  3. Hej!

    Jag har inte SEO >> Titlar och metor ...
    Jag har bara Dashboard och Search Console. Beror det på att jag inte har den premiumbetalda versionen?

  4. Hej!
    Jag är nybörjare och konsulterar din blogg ...
    det ser ut som att det finns ett syntaxfel på kortkoden som ska vara [nwm_map id = ”1 ″], och inte [mwm _map id = '1']
    Jag kämpade mycket innan jag såg det här.
    Bonne journée

  5. God kväll,

    Tack för din handledning.
    Jag försökte följa din metod för att bädda in en karta på en SIDA (WordPress), men jag fick inte det förväntade resultatet.
    I textdelen (ej visuell) får jag följande kortkod:
    [Mwm _MAP id = '2']
    När jag förhandsgranskar min sida har jag inte kartan utan texten “[mwm _map id = '2']”.
    Kan du hjälpa mig snälla?
    Tack.

        1. Du kan vara värd för din skärmdump på specialiserade webbplatser och sedan publicera länken här. Eller så kan du lägga det i dina media och ge mig länken.

  6. Hej!

    Jag installerade plugin men jag har problem:
    I "nomadkarta" visas inte kartan! Jag kan därför inte konfigurera någonting.
    Här är vad som visas: ”Litet problem… Ett fel har uppstått
    Google Maps laddades inte korrekt på den här sidan. För mer teknisk information om detta fel, se JavaScript -konsolen. ”

    Jag vet inte hur jag ska ändra javascript-konsolen och framför allt ser jag inte vad jag ska göra!

    Merci de votre aide

    1. Hej!
      Med javascript -konsolen kan du ta reda på vad som orsakar problemet. Följde du handledningen? Om så är fallet måste jag fånga din javascript -konsol. För att göra detta måste du trycka på F12 (i Chrome), i området som visas, hitta fliken "konsol" och sedan ta en bild. Det finns flera verktyg som gör att du kan ta bilder. När du har tagit din javascript -konsol kan jag hjälpa dig.

  7. Hej!

    Jag kan inte sätta in kortet på min webbplats. Jag satte in [mwm _map id = '1 ′] och sedan [nwm _map id =' 1 ′] (efter att ha läst kommentarerna) på en av mina sidor men i förhandsgranskningen finns bara kortkod som visas. Vad kan jag göra?

    tack

  8. hej

    Jag kan inte välja den artikel som jag vill lägga till kartan i, det sätter mig: Inget blogginlägg hittades, försök igen. har du någon aning om att lösa mitt problem?

    tack på förhand

      1. Bonsoir
        Jag slutade med att göra en kopia / klistra in titeln, manuell inmatning fungerar inte för någon av artiklarna
        Men jag slutar igen med kortkoden, jag börjar ledsen ... Jag satte in [mwm_map id = '1 ′] i början av min artikel (TEXT-inmatningsdel och inte VISUAL för wordpress) men i översikten ingen karta bara kortkoden ...
        Jag är verkligen inte bra
        : - (((

    1. Hej!
      Du behöver inte välja ett objekt, lägg bara till [mwm_map] kortkoden. Läs noggrant avsnittet ”Så här visar du en karta på en sida / artikel”.

      Om problemet kvarstår kontakta oss igen

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
30 aktier
del28
tweet
Enregistrer2