Ако използвате услуга като Google Maps, просто изберете местоположение и вградете картата във вашия уебсайт. Не можете обаче да редактирате карти в движение, както и вашите колеги - което често е необходимо за съвместни проекти.
Тук влизат интерактивните карти. Те ви позволяват да поставяте подвижни маркери, които всеки от вашия екип може да редактира.
В този урок ще говорим за това, кога този тип карта е полезен. Освен това ще ви покажем как да ги добавите по два начина към WordPress.
Но преди да започнете, отделете време, за да разгледате Как да инсталирате WordPress тема, Колко плъгини трябва да се инсталира на WordPress.
Тогава, mхайде да работим!
Какво представлява интерактивната карта (и кога да я използвам?)
Добавянето на карта към уебсайт е доста лесно. Инструменти като Google Maps ви позволява да вградите карти в страниците си за минути. Предимството на този подход е, че посетителите могат да се движат по картите, да увеличават, намаляват и т.н.
Този тип карти са по-интерактивни от картините, но не ви позволяват да правите промени, след като сте ги добавили към уебсайта си.
От друга страна, интерактивните карти ви позволяват (а в някои случаи и вашите колеги) да добавяте нови маркери, икони, текст и други. Представете си например, че планирате среща за членове на вашия уебсайт. Можете да конфигурирате карта с множество щифтове, за да предлагате местоположения.
Открийте между другото 5 WordPress плъгини за добавяне на геолокация към вашия блог
Можете също да използвате интерактивна карта, така че вашите потребители да могат да споделят местоположенията си или да навигират до места, които искат да посетят. За да бъдем по-точни, това са нишови приложения. Интерактивните карти обаче peuvent бъдете полезни в най-различни ситуации.
В допълнение, те не са непременно по-трудни за добавяне от техните колеги.
Как да добавите интерактивни карти към вашия сайт WordPress
Що се отнася до интерактивните карти, можете или да вградите такава във вашия уебсайт, или да използвате приставка, която да ви помогне да направите това. Първият подход е по-опростен, но приставките често съдържат много повече функции, както може да се очаква. Нека да разгледаме подхода на приставката, за да покажем какви са тези функции.
1. Използвайте приставката Картов Маркер Про
Приставката Картов Маркер Про е еднократно първокласно решение за добавяне на карти към WordPress. Той се предлага с десетки усъвършенствани функции, като тези, които ви позволяват да разглеждате карти от множество отдели и да добавяте практически неограничен брой маркери към вашите карти и да ги организирате. Освен това посетителите могат да филтрират видовете маркери, които искат да видят на вашите карти.
Други забавни неща, които можете да направите с помощта на този плъгин, е добавяне на информация за разстояние и маршрут между маркерите. Можете дори да споделите собственото си местоположение в реално време чрез картата на уебсайта си, ако сте склонни да го направите. Настройването на приставката може да отнеме малко време, като се има предвид богатството от функции, които предлага.
Това обаче не е толкова трудно, колкото си представяте.
За да започнете, конфигурирайте и активирайте приставката, както бихте направили всяка друга. Ако сте нов в WordPress, разберете Как да инсталирате плъгин в WordPress
След като приставката е готова, трябва да добавите нова карта или слой, което можете да направите от раздела Maps Marker Pro> Добавяне на нов слойТук задайте име, което можете да разпознаете за слоя си, и въведете местоположението, където искате да се показва, точно както бихте направили с всеки друг онлайн инструмент за картографиране:
Сега можете да регулирате размера и нивото на мащабиране, които искате да зададете по подразбиране, като използвате лявото меню. Има и опция, наречена Групиране на маркери , която ще покаже икона с броя на маркерите в дадена област, ако увеличите твърде много, както в примера по-долу:
опцията Маркери за търсене, от друга страна е доста изрично. Може да бъде полезно, ако искате да включите допълнителна информация за маркерите си:
Сега превъртете надолу и намерете опцията « Добавете нов маркер към този слой« . На следващия екран ще можете да дефинирате име и местоположение за вашия маркер, като използвате същата карта като предишната.
Открийте и вие Как да компресирате и преоразмерявате изображения в WordPress
Можете също да изберете икона и да зададете изскачащ текст за вашия маркер. Това ще се появи, когато посетителите щракнат върху самия маркер или го изберат от списък, ако сте избрали да го включите.
Във всеки случай не забравяйте да натиснете бутона публикувам след като приключите. След добавяне на няколко маркера, първоначалният ви слой трябва да изглежда така:
Когато сте готови да добавите новата си интерактивна карта към една от страниците си, трябва да използвате Кратък. Превъртете до горната част на раздела Редактиране на слой и потърсете съответния му идентификационен номер:
Сега, поставете къс код [слой на mapmarker = "X"] в публикацията или страницата ви. Не забравяйте да замените заместителя X от идентификатора на вашия "слой" предварително, обаче.
Вашата карта вече трябва да работи на вашия уебсайт! По-важното е, че вие или някой друг от вашия екип можете да го редактирате и добавяте нови маркери по всяко време, без да напускате таблото си за управление.
2. Използване на вградената функция за вграждане на Google Map
Google Maps всъщност не се нуждае от въведение - това е услуга, която ви позволява да извличате карти от цял свят, за да споделяте места с други хора, да намирате адреси и дори да споделяте къде се намирате. Що се отнася до уебсайтовете, има много начини да вградите Google Maps в своите страници. 
Повечето карти обаче предлагат ограничени количества интерактивност. Те ви позволяват да навигирате през тях, да увеличавате мащаба, да излизате и да променяте изгледа си, но не повече.
Факт е, че Google Maps предлага много повече функции от простото картографиране. Например можете също да добавите множество маркери, да измервате разстоянията и да включвате указания във вашите карти. За да изпробвате тези функции, отидете на Google Моите карти и щракнете върху бутона + Създайте нова карта :
На следващия екран задайте заглавие за картата и първия ѝ слой, върху който ще градим. Сега намерете местоположението, което искате да споделите, като използвате лентата за търсене на Google Map в горната част на екрана:
Докато увеличавате мащаба, можете да използвате символа маркер в горната част на екрана, за да започнете да откроявате местоположенията на вашата карта. Просто кликнете там, където искате да поставите своя маркер, след което задайте име и икона за него:
След като имате няколко маркера, можете да начертаете линии между тях, за да покажете разстоянията:
Когато картата ви е готова, щракнете върху бутона Дял в менюто отляво. Там променете настройките за достъп de частен à обществен :
Можете също така да поканите членовете на екипа да използват имейлите си, за да могат те незабавно да получат достъп до картата:
Във всеки случай винаги трябва да вграждате новата си карта в уебсайта си. Можете да направите това, като кликнете върху иконата с три точки до заглавието на вашата карта и щракнете върху опцията Вградете тази карта :
Сега можете да копирате и поставите кода за вграждане на вашите страници. Новата ви карта ще се появи навсякъде, където я поставите. Освен това вашите колеги ще могат да го редактират и да добавят нови маркери чрез Google Maps, ако е необходимо.
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Крайна математика Captcha
Ultimate Math Captcha е първокласен плъгин за WordPress за проверка на капча, който е 100% ефективен. Позволява ви да добавяте математическа капча към WordPress вход, регистрация, възстановяване на парола, коментари, WooCommerce, Easy Digital Downloads и bbPress формуляри.
Неговите функции включват: лесна инсталация и конфигуриране, добавяне на captcha към много форми, поддръжка на множество математически captcha на една и съща страница, персонализиране на съобщения за грешки и много други.
Изтегляне | демонстрация | уеб хостинг
2. PayPal Стандартен платежен портал за форми на нинджа
PayPal Standard Gateway за Ninja Forms ви позволява да създавате формуляри, които се интегрират безпроблемно с PayPal платежния шлюз. Ще можете да създавате персонализирани формуляри за поръчки и да получавате плащания, използвайки стандартни акаунти в Paypal.
Основните му характеристики са: лесна и бърза интеграция, IPN интеграция, възможност за активиране / деактивиране на шлюза PayPal на отделни формуляри, поддръжка за редовни плащания и др.
Изтегляне | демонстрация | уеб хостинг
3. Гравитационни форми - Списък и редактиране
С тази премиум WordPress плъгин е възможно да променяте или изтривате записи, представени във формулярите на вашия уебсайт. Функция, която силно липсва в приставката Gravity Forms, поради което е създадено това разширение.
Сред неговите характеристики ще споменем сред другите: mредактиране и запазване на записаните данни,потискане на въведените данни,промяна и заличаване на вече публикувани статии, т.е.Перфектна интеграция с jQuery Datatables плъгини и Гравитационни формиподкрепа на условна логика, sвнедряване и бърза инсталация и много повече.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
- Вашите снимки не се показват с SSL? Тук е решение
- Как да добавите джаджа към заглавната част на вашия WordPress блог
- Как да компресирате и преоразмерявате изображения в WordPress
- Как да представяте и споделяте PDF файлове в WordPress?
Заключение
Тук ! Това е всичко за този урок, надявам се, че ще ви позволи да създавате интерактивни карти в WordPress. Не се колебайте споделяйте с приятелите си в любимите си социални мрежи.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.
...