Ak používate službu ako napr mapy Google, stačí zvoliť umiestnenie a vložiť mapu na svoj web. Mapy však nemôžete upravovať priebežne a nemôžu to robiť ani vaši spolupracovníci - čo je pri projektoch spolupráce často potrebné.

Tu prichádzajú na rad interaktívne mapy. Umožňujú vám umiestniť pohyblivé značky, ktoré môže upravovať každý vo vašom tíme. 

V tomto návode si povieme, kedy sa tento typ karty hodí. Ďalej vám ukážeme, ako ich do WordPress pridať dvoma spôsobmi.

Ale skôr, ako začnete, urobte si čas na to pozrieť Ako nainštalovať motív WordPressKoľko pluginy mám nainštalovať na WordPress.

Potom mpoďme do práce!

Čo je interaktívna mapa (a kedy ju použiť?)

Pridanie mapy na webovú stránku je celkom jednoduché. Nástroje ako napr Mapy Google vám umožňujú vložiť mapy na svoje stránky za pár minút. Výhodou tohto prístupu je, že sa návštevníci môžu pohybovať po mapách, priblížiť, oddialiť atď.

Tieto typy máp sú interaktívnejšie ako iba obrázky, ale neumožňujú vám robiť žiadne zmeny, keď už ste ich pridali na svoje webové stránky.

Na druhej strane vám interaktívne mapy umožňujú (a v niektorých prípadoch aj kolegom) pridávať nové značky, ikony, texty a ďalšie. Predstavte si napríklad, že plánujete stretnutie pre členov svojej webovej stránky. Môžete nakonfigurovať mapu s viacerými špendlíkmi, aby ste navrhli polohy.

Objavte mimochodom 5 WordPress pluginy pridať geolocation do svojho blogu

Môžete tiež použiť interaktívnu mapu, aby vaši používatelia mohli zdieľať svoje polohy alebo navigovať na miesta, ktoré chcú navštíviť. Presnejšie povedané, ide o špecializované aplikácie. Avšak interaktívne mapy  plechovka  byť užitočný v rôznych situáciách. 

Okrem toho nemusia byť nevyhnutne ťažšie pridať ako ich náprotivky.

Ako pridať interaktívne mapy na vašu stránku WordPress

Pokiaľ ide o interaktívne mapy, môžete si jednu vložiť na svoj web alebo použiť doplnok, ktorý vám to pomôže. Prvý prístup je jednoduchší, ale pluginy často obsahujú oveľa viac funkcií, ako by ste čakali. Prejdime si prístup doplnku, aby sme si ukázali, čo sú tieto funkcie.

1. Použite doplnok Mapy Marker Pro

Použite aplikáciu Map Maker Pro

Doplnok Mapy Marker Pro je komplexné prémiové riešenie na pridávanie máp do WordPress. Ponúka desiatky pokročilých funkcií, ako sú napríklad tie, ktoré vám umožňujú prezerať mapy z viacerých oddelení, a na vaše mapy pridáva prakticky neobmedzený počet značiek a organizuje ich. Návštevníci môžu navyše filtrovať typy značiek, ktoré chcú vidieť na vašich mapách.

Ďalšou zábavnou vecou, ​​ktorú môžete pomocou tohto doplnku urobiť, je pridanie informácií o vzdialenosti a trase medzi značky. Môžete dokonca zdieľať svoje vlastné umiestnenia v reálnom čase prostredníctvom svojej webovej mapy, ak to chcete urobiť. Inštalácia doplnku môže chvíľu trvať, vzhľadom na množstvo funkcií, ktoré ponúka. 

Nie je to však také ťažké, ako by ste si predstavovali. 

Ak chcete začať, nakonfigurujte a aktivujte doplnok ako inokedy. Ak ste na WordPress nováčikom, zistite to Ako nainštalovať plugin v systéme WordPress

Keď je doplnok pripravený, musíte pridať novú mapu alebo vrstvu, čo môžete urobiť na karte Maps Marker Pro> Pridať novú vrstvu. Tu nastavte názov, ktorý dokážete rozpoznať pre svoju vrstvu, a zadajte umiestnenie, ktoré chcete, aby sa zobrazovala, rovnako ako pri akomkoľvek inom online mapovacom nástroji:

Pridajte novú vrstvu

Teraz môžete v ľavej ponuke upraviť veľkosť a úroveň zväčšenia, ktoré chcete nastaviť ako predvolené. K dispozícii je tiež možnosť tzv Klastrovanie markerov , ktorá pri príliš veľkom priblížení zobrazí ikonu s počtom značiek v oblasti, ako v príklade nižšie:

Zobraziť značku

voľba Vyhľadajte značky, na druhej strane je celkom explicitný. Môže byť užitočné, ak chcete zahrnúť ďalšie informácie o svojich značkách:

Zoznam značiek

Teraz prejdite nadol a nájdite požadovanú možnosť « Pridajte novú značku na túto vrstvu« . Na ďalšej obrazovke budete môcť definovať názov a umiestnenie svojej značky pomocou rovnakej mapy ako predchádzajúca.

Objavte tiež Ako skomprimovať a zmenu veľkosti obrázkov na WordPress

Môžete tiež zvoliť ikonu a nastaviť vyskakovací text pre svoju značku. Zobrazí sa to, keď návštevníci kliknú na samotnú značku alebo ju vyberú zo zoznamu, ak ste sa rozhodli ju zahrnúť.

V každom prípade nezabudnite stlačiť tlačidlo publikovať akonáhle ste skončili. Po pridaní niekoľkých značiek by mala vaša počiatočná vrstva vyzerať takto:

Príklad vrstvy na bloku

Ak ste pripravení pridať svoju novú interaktívnu mapu na jednu zo svojich stránok, mali by ste použiť a shortcode. Posuňte sa na hornú časť karty Upraviť vrstvu  a hľadajte jeho zodpovedajúce ID:

Uložte identifikátory karty

Teraz miesto shortcode [mapsmarker layer = "X"] vo svojom príspevku alebo na svojej stránke. Nezabudnite vymeniť zástupný symbol  vopred identifikáciou vašej „vrstvy“.

Vaša karta by teraz mala byť funkčná na vašom webe! A čo je dôležitejšie, vy alebo ktokoľvek iný vo svojom tíme ho môžete kedykoľvek upraviť a pridať nové značky bez opustenia hlavného panela.

2. Používanie funkcie Vstavané vloženie z Google Map

mapy Google naozaj nepotrebuje úvod - je to služba, ktorá vám umožní extrahovať mapy z celého sveta, zdieľať miesta s ostatnými ľuďmi, vyhľadávať adresy a dokonca zdieľať, kde sa nachádzate. Pokiaľ ide o webové stránky, existuje veľa spôsobov, ako môžete integrovať Mapy Google do svojich stránok. Ukladajte mapy pomocou mapy Google

Väčšina kariet však ponúka obmedzené množstvo interaktivity. Umožňujú vám v nich prechádzať, priblížiť, vystúpiť a zmeniť pohľad, ale už nič.

Faktom je, že Mapy Google ponúkajú oveľa viac funkcií ako jednoduché mapovanie. Napríklad môžete do svojich máp pridať viac značiek, zmerať vzdialenosti a zahrnúť trasy. Ak chcete vyskúšať tieto funkcie, prejdite na stránku Moje mapy Google a stlačte tlačidlo  + Vytvoriť novú mapu  :

Vytvorte mapu na mape Google

Na ďalšej obrazovke nastavte názov pre svoju mapu a jej prvú vrstvu, na ktorej budeme stavať. Teraz nájdite miesto, ktoré chcete zdieľať, pomocou vyhľadávacieho panela na Mapách Google v hornej časti obrazovky:

Nová mapa a umiestnenie mapy Google

Pri približovaní môžete pomocou symbolu značky v hornej časti obrazovky začať zvýrazňovať polohy na svojej mape. Stačí kliknúť na miesto, kam chcete umiestniť značku, a potom pre ňu nastaviť názov a ikonu:

Pridajte značku na svoju novú mapu.

Keď už máte viac značiek, môžete medzi nimi nakresliť čiary, aby ste zobrazili vzdialenosti:

Zobrazte vzdialenosť medzi dvoma bodmi na mape

Keď je karta pripravená, kliknite na tlačidlo Podiel v ponuke vľavo. Tam zmeňte nastavenia prístupu  de súkromný  à verejnosť :

Definujte prístup na kartu

Môžete tiež pozvať členov tímu, aby používali svoje e-maily, aby mali okamžitý prístup k mape:

Mapa pre spoluprácu s partnermi

V každom prípade by ste mali svoju novú kartu vložiť na svoje webové stránky. Môžete to urobiť kliknutím na ikonu troch bodiek vedľa názvu mapy a kliknutím na príslušnú možnosť Vložte túto mapu  :

Vložiť mapuTeraz môžete skopírovať a vložiť kód na vloženie na svoje stránky. Vaša nová karta sa zobrazí všade, kam ju umiestnite. Okrem toho to vaši kolegovia budú môcť upraviť a v prípade potreby pridať nové značky prostredníctvom Máp Google.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Ultimate Math Captcha

Ultimate Math Captcha je a WordPress Plugin 100% efektívna prémia captcha. Umožňuje pridať matematický captcha na formuláre WordPress prihlásenie, registrácia, obnovenie hesla, komentáre, WooCommerce, Easy Digital Downloads a aux formuláre z bbPress.Dokonalý matematický captcha doplnok wordpress

Medzi jeho vlastnosti patrí: jednoduchá inštalácia a konfigurácia, pridanie captcha do mnohých formuláre, podpora viacerých matematických captchas na tej istej stránke, prispôsobenie chybových hlásení a mnoho ďalších.

Stiahnuť | demoweb hosting

2. PayPal Štandardná platobná brána pre ninjové formuláre

Štandardná brána PayPal pre formuláre Ninja vám umožňuje vytvárať formuláre, ktoré sa bezproblémovo integrujú do platobnej brány PayPal. Budete môcť vytvárať prispôsobené objednávkové formuláre a prijímať platby pomocou štandardných účtov Paypal.

Štandardná platobná brána Paypal pre ninja formuláre

Medzi jeho hlavné vlastnosti patrí: ľahká a rýchla integrácia, integrácia IPN, možnosť aktivovať / deaktivovať bránu PayPal na jednotlivých formulároch, podpora pravidelných platieb atď.

Stiahnuť | demo |  web hosting

3. Gravitačné formuláre - zoznam a úpravy

s týmto WordPress Plugin premium, je možné upravovať alebo mazať záznamy zadané vo formulároch vašej webovej stránky. Funkcia, ktorá v doplnku Gravity Forms veľmi chýba, a preto vzniklo toto rozšírenie.Gravitačné formuláre zoznam upravovať wordpress doplnky vložiť tabuľky grafická stránka blog formulár

Medzi jeho vlastnosti, ktoré spomenieme okrem iného: m- úprava a uloženie zaznamenaných údajov, -- potlačenie vložených údajov, -úpravy a mazania už uverejnených článkov, iPerfektná integrácia s doplnkami jQuery Datatables a Gravity-Forms,podpora podmienenej logiky, sjednoduchá a rýchla inštalácia a oveľa viac.

Stiahnuť demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Tu ! To je pre tento tutoriál všetko, dúfam, že vám umožní vytvárať interaktívne mapy vo WordPresse. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, pozrite si nášho sprievodcu Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...