Добавяне на карта в WordPress

Съществуват различни системи за карти като например: Google Maps, Bing Maps, OpenStreetMap и други.

В зависимост от това какво искате да покажете на картата, някои системи са по-подходящи от други. Например ако имате бизнес и искате да добавите карта с адреса и името му във Вашия сайт, може да използвате Google Maps. Ако искате да покажете само адрес, може да използвате и някоя от другите системи за карти.

Добавяне на Google карта с името и адреса на бизнеса

Преди да добавите картата в сайта, е нужно да попълните данните на бизнеса си в Google. За целта е нужно да имате акаунт в https://business.google.com.

Вижте повече за регистрацията на бизнес акаунт в Google в статията: Как да регистрирам бизнеса си в Google My Business?| Help

След като данните за бизнеса Ви са в Google, можете да добавите Google карта с името и адреса му във Вашия сайт.

1. Заредете Google картата (https://www.google.com/maps) и потърсете по името на бизнеса.

Търсене по име на фирма в Google Maps.
Търсене по име на фирма в Google Maps.

2. Отворете опциите към адреса – бутон Share.

В опцията за Споделяне (Share) можете да намерите кода на картата (с този адрес).
В опцията за Споделяне (Share) можете да намерите кода на картата (с този адрес).

3. В отворилия се прозорец, отворете таб Embed a map.

Отворете таб Embed a map.
Отворете таб Embed a map.

4. Копирайте кода за вмъкване (copy html). Размерът на картата може да се променя от настройката в падащото меню, намираща се преди полето с кода.

Копирайте HTML кода на картата.
Копирайте HTML кода на картата.

5. Във Вашия сайт поставете копирания код, там където искате да се показва картата – статия или страница.

Кодът на картата, поставен в блок Custom HTML.
Кодът на картата, поставен в блок Custom HTML.

6. Запишете промените и проверете картата на живо.

Запишете промените и проверете картата на живо.
Запишете промените и проверете картата на живо.

В случай че има някакво разместване на съдържанието в страницата заради картата, можете да опитате следното: групирайте блока на картата с горния блок. 

Разположението на картата в страницата зависи от стиловете на темата.
Разположението на картата в страницата зависи от стиловете на темата.
В блок-редактора групирайте блока на картата с този над него, който е параграф например.
В блок-редактора групирайте блока на картата с този над него, който е параграф например.

Групирането на картата с друг блок ще позволи тя да се прибере в основното пространство на страницата, което е отредено за съдържанието ѝ.

Добавяне на карта само с адрес

По същия начин може да се добави карта в сайта – с маркер посочващ само адрес. Вместо по името на бизнеса, потърсете в Google Maps по адрес и следвайте същите стъпки.

Google Maps API ключ

За да показвате стандартната Google карта на сайта си, с визитната картичка на бизнеса Ви или само на определена локация, не е нужно да имате Google Maps API ключ. Такъв ключ ще Ви е необходим ако сте разработчик и искате да показвате преработена карта. Някои WordPress плъгини за Google карти може да изискват въвеждането на такъв API ключ, но ако не смятате да използвате специални карти в сайта си, може да добавите картата по описания в тази статия начин – чрез вмъкване на embed кода.

Добавяне на други карти в сайта

В WordPress може да се добавят карти от други системи, различни от Google Maps – Bing maps, OpenStreetMap, Leaflet, Mapbox, Thunderforest и други.

Това е възможно чрез подходящи плъгини. Различните плъгини предлагат различни опции към картите, например добавяне на маркери, надписи, фигури, очертания и други. Някои плъгини предлагат тези опции само в платените си версии.

В директорията с WordPress плъгини има най-различни, с които можете да добавите карти в сайта: търсене в директорията по „maps“.

Плъгин Ultimate Maps by Supsystic

Един примерен плъгин: Ultimate Maps by Supsystic.

примерен плъгин: Ultimate Maps by Supsystic

След като инсталирате и активирате плъгина, създайте нова карта през Ultimate Maps by Supsystic » Add Map.

В настройките на картата можете да изберете тема.

Типът на картата определя визуалното ѝ представяне.
Типът на картата определя визуалното ѝ представяне.
примерен плъгин: Ultimate Maps by Supsystic
примерен плъгин: Ultimate Maps by Supsystic
примерен плъгин: Ultimate Maps by Supsystic

Можете да добавяте маркери и бележки към картата.

Можете да добавяте маркери и бележки към картата

След като запишете промените по картата, може да използвате генерирания кратък код (shortcode) и да я добавите в статия или страница.

Обновена: 03.07.2023
Беше ли Ви полезна тази статия?

Вижте още