Как вставить карту на сайт wordpress

Как вставить карту на сайт wordpress

Как вставить карту на сайт wordpress- пошаговая инструкция. Я не буду пользоваться плагином водпресс потому, что считаю это избыточным действием и в данном случае есть легкий путь. Сейчас все офф лайн компании на своих интернет ресурсах устанавливают интерактивные карты с точками своего точного местонахождения. Это облегчает потенциальным клиентам найти офис, магазин, склад и т. д. В наше время это не представляет сложности. Помогают в этом веб мастерам сервисы таких интернет гигантов как Yandex и Googl. Плагины обычно работают с googl maps. Мы будем вставлять код карты непосредственно в страницу/запись и используем для этого Яндекс карту.


Для этого воспользуемся сервисом «Конструктор карт Яндекса».

Что бы пользоваться сервисом необходимо иметь почту на Яндексе (логин и пароль от конструктора карт такой же как от почты).
Вся история и созданные карты доступны по логину и паролю Яндекс ID.

Последовательность действий:

  • входим в конструктор карт Яндекса используя логин и пароль от почты на Яндексе.
  • находим на карте нужный нам объект
  • выбираем цвет, тип, вид иконки. Пишем название и комментарий. Жмём «готово», потом «сохранить и продолжить».
  • Карта готова. Копируем сгенерированный JavaScript код интерактивной/статической карты с размерами по умолчанию или указав свои.

Все, «Конструктор карт Яндекса» нам больше не понадобится, переходим на свой сайт wordpress.

  • Заходим в режиме редактирования на свою страницу/запись и в нужное место добавляем из меню блоков Гуттенберга блок с названием «Произвольный HTML». Теперь в данный блок вставляем код скопированный с конструктора карт.

Все готово, обновляем страницу, должно получится так же как у меня под этой записей (использовался размер карты- растянуть по ширине).

Я описал этот способ вставки карты в сайт, потому, что он самый простой. Не бывает сбоев как с плагинами которые некоторое время работают, а потом нет, в место карты отображается кусок кода. Всё, всем пока, надеюсь ответ на вопрос- как вставить карту на сайт wordpress получился лаконичным и исчерпывающим. ✓

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll to Top Яндекс.Метрика